pop-email
v1.4.0
Published
Sensible webpack 5 boilerplate using Babel and PostCSS.
Downloads
28
Maintainers
Readme
📦 webpack Boilerplate
Sensible webpack 5 boilerplate using Babel, PostCSS and Sass.
Installation
Clone this repo and npm install.
npm i
Usage
Development server
npm start
You can view the development server at localhost:8080
.
Production build
npm run build
Note: Install http-server globally to deploy a simple server.
npm i -g http-server
You can view the deploy by creating a server in dist
.
cd dist && http-server
Features
Dependencies
webpack
webpack
- Module and asset bundler.webpack-cli
- Command line interface for webpackwebpack-dev-server
- Development server for webpackwebpack-merge
- Simplify development/production configurationcross-env
- Cross platform 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
Loaders
babel-loader
- Transpile files with Babel and webpacksass-loader
- Load SCSS and compile to CSSsass
- Node Sass
postcss-loader
- Process CSS with PostCSSpostcss-preset-env
- Sensible defaults for PostCSS
css-loader
- Resolve CSS importsstyle-loader
- Inject CSS into the DOM
Plugins
clean-webpack-plugin
- Remove/clean build folderscopy-webpack-plugin
- Copy files to build directoryhtml-webpack-plugin
- Generate HTML files from templatemini-css-extract-plugin
- Extract CSS into separate filescss-minimizer-webpack-plugin
- Optimize and minimize CSS assets
Linters
eslint
- Enforce styleguide across applicationeslint-config-prettier
- Implement prettier rulesprettier
- Dependency forprettier-webpack-plugin
plugin
eslint-import-resolver-webpack
- Throw exceptions for import/export in webpack
Author
License
This project is open source and available under the MIT License.