📦 Webpack Boilerplate

Minimal Webpack 4 boilerplate with Babel, Sass, ESLint , ITCSS , Handlebars , EditorConfig.

Installation

npm i

Usage

Development server

npm start

Production build

npm run build

Dependencies

Webpack

• webpack - Module and asset bundler.
• webpack-cli - Command line interface for Webpack.
• webpack-dev-server - Development server for Webpack.
• cross-env - Cross platform configuration.

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript.
• @babel/plugin-proposal-class-properties - Use properties directly on a class.
• @babel/preset-env - Smart defaults for Babel.
• babel-eslint - Lint Babel code.
  • eslint - ESLint.

Loaders

• babel-loader - Transpile files with Babel and Webpack.
• sass-loader - Load SCSS and compile to CSS.
  • node-sass - Node Sass.
• postcss-loader - Process CSS with PostCSS.
• css-loader - Resolves CSS imports into JS.
• eslint-loader - Use ESLint with Webpack.
• file-loader - Copy files to build folder.

Plugins

• clean-webpack-plugin - Remove/clean build folders.
• copy-webpack-plugin - Copy files to build directory.
• html-webpack-plugin - Generate HTML files from template.
• mini-css-extract-plugin - Extract CSS into separate files.
• terser-webpack-plugin - Minify JavaScript.

Author

• Julio Cesar Rivera

License

This project is open source and available under the MIT License.