Webpack ES6+ Sass Boilerplate

A minimalistic webpack 4 based boilerplate for building web apps.

What’s included?

• Webpack 4 JavaScript module bundler
• Babel 7 compiler ES6+ code into a backwards compatible version of JavaScript
• SASS preprocessor for CSS
• Autoprefixer for vendor prefixes (browser compability)
• Eslint JavaScript linter
• Stylelint CSS/SASS linter
• Prettier an opinionated code formatter
• lint-staged run linting and formatting your files that are marked as "staged" via git add before you commit.

Getting started

• clone the repo via git clone https://github.com/vadimmarkov/webpack-es6-sass-boilerplate.git
• cd webpack-es6-sass-boilerplate
• run npm install to fetch all the dependencies
• run npm run start to start the webpack-dev-server (localhost:8080 will be opened automatically)
• start developing
• when you are done, run npm run build to get the production version of your app

Commands

• start - start the dev server
• build - create build in build folder
• analyze - analyze your production bundle
• lint-code - run an ESLint check
• lint-style - run a Stylelint check
• check-eslint-config - check if ESLint config contains any rules that are unnecessary or conflict with Prettier
• check-stylelint-config - check if Stylelint config contains any rules that are unnecessary or conflict with Prettier