A minimalistic webpack 4 based boilerplate for building web apps.
- 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.
- 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
start
- start the dev serverbuild
- create build inbuild
folderanalyze
- analyze your production bundlelint-code
- run an ESLint checklint-style
- run a Stylelint checkcheck-eslint-config
- check if ESLint config contains any rules that are unnecessary or conflict with Prettiercheck-stylelint-config
- check if Stylelint config contains any rules that are unnecessary or conflict with Prettier