generator-webapp | A gulp.js generator for modern webapps | Style Language library

I'm using gulp and angular to create a simple web application.

When I make gulp serve the application cannot find whatever I have in node_modules folder.

Here is my gulp file:

I am writing a project which was generated with generator-webapp. This package generates a gulp based project.

I chose to write my application with react including JSX files (with .jsx files extensions). Moreover, I preferred to use the ES6 syntax with the import ____ from '____' statements.

I am trying to write a gulp task which will handle the react files with the .jsx extension, something like this:

While upgrading a private yeoman generator I stumpled upon this statement while looking through the official generator-webapp:

I'm playing around with the yeoman webapp generator and want to have multiple minified JavaScript files for my individual subpages for my page. However, the webapp concats all JavaScript files to one "big" main.js which does not match my setup.

In my setup, main.js is supposed to be some kind of common JavaScript file for all pages but each page should have an additional JavaScript file with stuff that only relates to this page. E.g.

index.html -> uses main.js

subpage1.html -> uses main.js and subpage1.js

subpage2.html -> uses main.js and subpage2.js

The result from gulp build is a big main.js that contains the main.js, subpage1.js and the subpage2.js which leads to errors: if I open subpage1.html, subpage2.js (the one that is included in the big main.js) might try to access HTML nodes that only exist on subpage2.html but not on subpage1.html.

E.g.:

subpage1.html includes the big main.js with subpage2.js