fe-boilerplate

Boilerplate for a Front End project based on babel-boilerplate.

Features

✓ Author in es2017, es2016, es2015 with polyfills IE 10 (including the unit tests)
✓ Export and import as ES5
✓ Latest CSS syntax in NextCSS
✓ Jasmine and Karma test
✗ Server and watch livereload

Basic Guide

Write your code in src. Run npm run build to compile the source into a distributable format.

Put your unit tests in the same folder than your code with the Spec extension. The npm run test command runs the tests.

NPM Scripts

• npm run start - Start server on dist folder
• npm run clean - Remove dist folder
• npm run watch - Continuously run the build as you make changes to the source and test files themselves*
• npm run build - Build the project*
• npm run test - Lint the library and tests, then run the unit tests

* Set the environment with script:env (ex: npm run build:pro)

Javascript

... Babel, Webpack, es2017, es2016, es2015

CSS

... Plugins postcss-cssnext, autoprefixer, postcss-import

Test

... Jasmine, karma, karma-jasmine, karma-chrome-launcher, karma-phantomjs-launcher, phantomjs-prebuilt

Server

... Gulp connect on port 8080

Linting

This boilerplate uses ESLint to lint your source. To change the rules, edit the eslint.config.json files in the config directory.