node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org ยป

front-end-builder

Front-end builder

Not for all! (I use it for my projects)

Create front-end-builder.config.js file in project root directory;

This builder use only:

  • rmdir (delete folder recursive);
  • pug -> html (pretty, change extname);
  • pug -> js (concat, uglify);
  • stylus -> css (sourcemap, autoprefixer, concat, clean);
  • js (sourcemap, babel, iife, concat, uglify);
  • angularjs (templates, sourcemap, babel, iife, concat, uglify);
  • components
    • js (iife, concat, uglify);
    • css (concat, clean);
    • images (minify);
    • fonts;
    • other;
  • rename (soon)
    • js (uglify);
    • css (clean);
    • other;

package.json scripts:

insert into "scripts":

...
"build": "node ./node_modules/front-end-builder production",
"builder": "node ./node_modules/front-end-builder production listen",
"build-dev": "node ./node_modules/front-end-builder development",
"builder-dev": "node ./node_modules/front-end-builder development listen"
...

use

  • build (production)
npm run build
  • build and start listening changes (production)
npm run builder
  • build (development)
npm run build-dev
  • build and start listening changes (development)
npm run builder-dev

front-end-builder.config.js example

example storage in module example directory