squidies / npm-starter-bp Goto Github PK

npm-starter-bp is an easy to understand, easy to modify boilerplate for building templates.

* node.js required

$ cd npm-starter-bp

$ npm i

$ npm run dev

• npm run dev || npm run build:dev - build assets and run a local development server for hot-reloading
• npm run prod || npm run build:prod - build and minify assets.
• single-task commands can be found in package.json -- {scripts}

• PostCSS
  • autoprefixer: automatically generate vendor-prefixes.
  • css-mqpacker: combine like @media queries
  • cssnano: CSS minification
  • postcss-partial-import: concat @import files
  • postcss-sassy-mixins: use SCSS style mixins
  • postcss-nesting: PostCSS implementation of CSS Nesting Module lvl3
  • postcss-discard-comments: Remove comments from output file.

• Rollup.js
  • rollup-plugin-babel: transform es6/2015 syntax javascript to es5 that is understood by most browsers
  • rollup-plugin-commonjs: use es6/2015 import syntax for commonJS modules
  • rollup-plugin-node-resolve: locate 3rd party modules in node_modules folder for use
  • rollup-plugin-replace: x-platform ENV variables for rollup
  • rollup-plugin-uglify: javascript minification

• svgo: optimize SVG images