webpack-boilerplate-bargamut v0.2.0

📦 Webpack Boilerplate via Bargamut

Webpack boilerplate with Babel, PostCSS, dev server with HMR and an optimized production build.

Installation

git clone git@github.com:bargamut/webpack-boilerplate-bargamut
cd webpack-boilerplate-bargamut
npm i

or

git clone git@github.com:bargamut/webpack-boilerplate-bargamut my-project
cd my-project
npm i

Usage

Development server

npm start

You can view the development server at localhost:8080.

Production build

npm run build

Features

• webpack
• Babel
• React
• PostCSS

Dependencies

webpack

• webpack - Module and asset bundler.
• webpack-cli - Command line interface for webpack
• webpack-dev-server - Development server for webpack
• webpack-merge - Simplify development/production configuration

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript
• @babel/plugin-proposal-class-properties - Use properties directly on a class (an example Babel config)
• @babel/preset-env - Smart defaults for Babel
• @babel/preset-react - Smart defaults for React

Loaders

• babel-loader - Transpile files with Babel and webpack
• postcss-loader - Process CSS with PostCSS
  • postcss-preset-env - Sensible defaults for PostCSS
• css-loader - Resolve CSS imports
• style-loader - Inject CSS into the DOM

Plugins

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

Author

• Paul Petrov

License

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