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;
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
add a comment |
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
add a comment |
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
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
vue.js gulp single-page-application
asked Mar 26 at 7:33
Seth DuncanSeth Duncan
6441 gold badge10 silver badges28 bronze badges
6441 gold badge10 silver badges28 bronze badges
add a comment |
add a comment |
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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.
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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