All source files belong to the src
folder. The page itself is served off the public
folder.
Gulp tasks deploy your compiled and packed styles (one styles.css
) and scripts (app.js
) to this public folder either uncompressed with sourcemaps as default or compressed and without sourcemaps for production (use --production
argument to gulp tasks).
yarn install
Also make sure you have the node module babel-cli
installed globally. After that execute gulp serve
, point your browser to http://localhost:3000 and start adding and editing files in src
.
gulp serve
- starts Browsersync and serves your app for testing in different browsers (default: http://localhost:3000, Browsersync-UI at http://localhost:3001), after changes in SCSS, JS and HTML files insrc
the page is automatically refreshedgulp build
- executes all tasks, but does not start a browsersync server
Add --production
to any gulp task to activate production mode. In production mode all code will be minified and no sourcemaps are written.
This boilerplate is based on https://github.com/freinbichler/es6-sass-boilerplate