front-end-builder/README.md

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