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

          SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

          은진 송씨 목차 역사 본관 분파 인물 조선 왕실과의 인척 관계 집성촌 항렬자 인구 같이 보기 각주 둘러보기 메뉴은진 송씨세종실록 149권, 지리지 충청도 공주목 은진현