generator-gulp-angular - multiple apps

Question

I am using Swiip/generator-gulp-angular and I want to have two separate SPAs(index.html) built into dist folder.

I wish gulp serve and gulp dist:serve to build those two SPAs, the first will be built into dist/index.html and the second will be built into dist/app2/index.html assuming that app2 was defined as another source folder, similar to the src folder.

If anyone can guide me on how to modify [Swiip/generator-gulp-angular] or to point me to another gulp solution, it would be great and highly appreciated.

UPDATE I guess that I can create two sub-directories app1 and app2 that are generated with Swiip/generator-gulp-angular. Each folder will be configured to dump the destination to a subdirectory in the a dist directory inside the root folder of the project. Then I can create a gulp file with a task to call the build of those two projects separately. I hope that it will work.

Answer 1

From my understanding:

You want a gulp task which will run both build tasks and copy one build folder to inner-directory of other build folder.

So if buildApp1 and buildApp2 are the build tasks for app1 and app2 respectively, like this:

gulp.task('buildApp1', ['html1', 'fonts1', 'other1']);
gulp.task('buildApp2', ['html2', 'fonts2', 'other2']);
// renamed default build tasks from generator (ref: gulp/build.js)

These tasks will create the dist/ folder in each app directory (you may want to rename the folders, like to distApp1/ and distApp2/ in gulp conf.js for simplicity).

Then we combine these tasks in default build:

gulp.task('build', ['buildApp1', 'buildApp2', 'copy']); 
//notice the copy task at the end

Note that we already had two build task we renamed it to buildApp1 and buildApp2

And here is the copy task which should be written in build.js file

// The task for copying buildApp1 to innerdirectory of buildApp2 folder
gulp.task('copy', function(){
  return gulp.src(['distApp1/**/*'], {base:"."})
  .pipe(gulp.dest(' /innerfolder'));
});
// distApp1 and distApp2 are the generated folders.

This is just the overview. Still you have to create both build tasks yourself from existing files, Which you can do easily mostly by renaming and tweaking.