Generating Multiple Vue SPAs with GulpSPA best practices for authentication and session managementWhy do we need to install gulp globally and locally?After installation of Gulp: “no command 'gulp' found”How to run Gulp tasks sequentially one after the otherIs it possible to pass a flag to Gulp to have it run tasks in different ways?Pass Parameter to Gulp TaskGulp with WebPack. Which should be building my coffee/jade etc.?NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. WebpackVue router shows lazy-loaded route components only onceHow do I get a simple Vue compilation going in Gulp?

What are "full piece" and "half piece" in chess?

Why do legislative committees exist?

I have accepted an internship offer. Should I inform companies I have applied to that have not gotten back to me yet?

Cauchy reals and Dedekind reals satisfy "the same mathematical theorems"

What alternatives exist to at-will employment?

Project Euler, problem # 9, Pythagorean triplet

Is there an English equivalent for "Les carottes sont cuites", while keeping the vegetable reference?

Did 007 exist before James Bond?

FPGA CPU's, how to find the max speed?

When does Fisher's "go get more data" approach make sense?

Was all the fuel expended in each stage of a Saturn V launch?

Was Willow's first magic display (blazing arrow through arm) actual magic, and if not, what's the trick?

Is the Warlock's Hexblade Curse unaffected by an Antimagic Field?

Accidentally deleted python and yum is not working in centos7

Why limit to revolvers?

Can you perfectly wrap a cube with this blocky shape?

How could an animal "smell" carbon monoxide?

In special relativity is mass just a measure of all other energy than kinetic?

Is there a good program to play chess online in ubuntu?

What is this old "lemon-squeezer" shaped pan

Draw a line nicely around notes

I won USD 50K! Now what should I do with it?

What are the arguments for California’s nonpartisan blanket (jungle) primaries?

Why use null function instead of == [] to check for empty list in Haskell?



Generating Multiple Vue SPAs with Gulp


SPA best practices for authentication and session managementWhy do we need to install gulp globally and locally?After installation of Gulp: “no command 'gulp' found”How to run Gulp tasks sequentially one after the otherIs it possible to pass a flag to Gulp to have it run tasks in different ways?Pass Parameter to Gulp TaskGulp with WebPack. Which should be building my coffee/jade etc.?NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. WebpackVue router shows lazy-loaded route components only onceHow do I get a simple Vue compilation going in Gulp?






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I'm trying to create multiple mini-SPAs within a ASP.Net Webforms solution. Currently I do all of my SASS and JS preprocessing/concat/minification/mangling with Gulp. I want to continue using Gulp for .vue Single File Components and SPA compiling for each Mini-SPA.





vue-spas
├── testapp1
│ ├── components
│ │ └── componentalpha
│ │ └── ComponentAlpha.vue
│ ├── app.js
│ └── App.vue
└── testapp2
├── components
│ ├── component1
│ │ └── Component.vue
│ └── component2
│ └── Component2.vue
├── router
│ └── router.js
├── app.js
└── App.vue


The goal here being that the gulp task would run through each app.js in the vue-spas directory and do all of the Vue compilation. I would have a watch running on the entire vue-spas directory to look for changes. Then output the compiled Vue to a single js file in a dist folder at the root for each mini-SPA.



So this would result in





dist
├── testapp1
│ └── spa.js
└── testapp2
└── spa.js


I don't need any HMR or Browsersync as I am just referencing these SPAs in Asp.Net Web Form pages that already exist.



(Also, Sorry for if this isn't the best way to represent folder structure, I spent too much time just looking for a resource on this without any real answer)










share|improve this question




























    0















    I'm trying to create multiple mini-SPAs within a ASP.Net Webforms solution. Currently I do all of my SASS and JS preprocessing/concat/minification/mangling with Gulp. I want to continue using Gulp for .vue Single File Components and SPA compiling for each Mini-SPA.





    vue-spas
    ├── testapp1
    │ ├── components
    │ │ └── componentalpha
    │ │ └── ComponentAlpha.vue
    │ ├── app.js
    │ └── App.vue
    └── testapp2
    ├── components
    │ ├── component1
    │ │ └── Component.vue
    │ └── component2
    │ └── Component2.vue
    ├── router
    │ └── router.js
    ├── app.js
    └── App.vue


    The goal here being that the gulp task would run through each app.js in the vue-spas directory and do all of the Vue compilation. I would have a watch running on the entire vue-spas directory to look for changes. Then output the compiled Vue to a single js file in a dist folder at the root for each mini-SPA.



    So this would result in





    dist
    ├── testapp1
    │ └── spa.js
    └── testapp2
    └── spa.js


    I don't need any HMR or Browsersync as I am just referencing these SPAs in Asp.Net Web Form pages that already exist.



    (Also, Sorry for if this isn't the best way to represent folder structure, I spent too much time just looking for a resource on this without any real answer)










    share|improve this question
























      0












      0








      0








      I'm trying to create multiple mini-SPAs within a ASP.Net Webforms solution. Currently I do all of my SASS and JS preprocessing/concat/minification/mangling with Gulp. I want to continue using Gulp for .vue Single File Components and SPA compiling for each Mini-SPA.





      vue-spas
      ├── testapp1
      │ ├── components
      │ │ └── componentalpha
      │ │ └── ComponentAlpha.vue
      │ ├── app.js
      │ └── App.vue
      └── testapp2
      ├── components
      │ ├── component1
      │ │ └── Component.vue
      │ └── component2
      │ └── Component2.vue
      ├── router
      │ └── router.js
      ├── app.js
      └── App.vue


      The goal here being that the gulp task would run through each app.js in the vue-spas directory and do all of the Vue compilation. I would have a watch running on the entire vue-spas directory to look for changes. Then output the compiled Vue to a single js file in a dist folder at the root for each mini-SPA.



      So this would result in





      dist
      ├── testapp1
      │ └── spa.js
      └── testapp2
      └── spa.js


      I don't need any HMR or Browsersync as I am just referencing these SPAs in Asp.Net Web Form pages that already exist.



      (Also, Sorry for if this isn't the best way to represent folder structure, I spent too much time just looking for a resource on this without any real answer)










      share|improve this question














      I'm trying to create multiple mini-SPAs within a ASP.Net Webforms solution. Currently I do all of my SASS and JS preprocessing/concat/minification/mangling with Gulp. I want to continue using Gulp for .vue Single File Components and SPA compiling for each Mini-SPA.





      vue-spas
      ├── testapp1
      │ ├── components
      │ │ └── componentalpha
      │ │ └── ComponentAlpha.vue
      │ ├── app.js
      │ └── App.vue
      └── testapp2
      ├── components
      │ ├── component1
      │ │ └── Component.vue
      │ └── component2
      │ └── Component2.vue
      ├── router
      │ └── router.js
      ├── app.js
      └── App.vue


      The goal here being that the gulp task would run through each app.js in the vue-spas directory and do all of the Vue compilation. I would have a watch running on the entire vue-spas directory to look for changes. Then output the compiled Vue to a single js file in a dist folder at the root for each mini-SPA.



      So this would result in





      dist
      ├── testapp1
      │ └── spa.js
      └── testapp2
      └── spa.js


      I don't need any HMR or Browsersync as I am just referencing these SPAs in Asp.Net Web Form pages that already exist.



      (Also, Sorry for if this isn't the best way to represent folder structure, I spent too much time just looking for a resource on this without any real answer)







      vue.js gulp single-page-application






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 26 at 7:33









      Seth DuncanSeth Duncan

      6441 gold badge10 silver badges28 bronze badges




      6441 gold badge10 silver badges28 bronze badges






















          0






          active

          oldest

          votes










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55351874%2fgenerating-multiple-vue-spas-with-gulp%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes




          Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.







          Is this question similar to what you get asked at work? Learn more about asking and sharing private information with your coworkers using Stack Overflow for Teams.



















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55351874%2fgenerating-multiple-vue-spas-with-gulp%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

          Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

          Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript