A webpack 5 boilerplate with Vue.js. Using Babel, PostCSS and Sass.
Clone this repo and npm install.
npm i
npm start
You can view the development server at localhost:3000
.
npm run build
npm run preview
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/core
- Transpile ES6+ to backwards compatible JavaScript@babel/preset-env
- Smart defaults for Babel@babel/plugin-transform-runtime
- Babel to use async/await@babel/plugin-proposal-class-properties
- Use properties directly on a class (an example Babel config)@babel/plugin-proposal-object-rest-spread
- Babel helper@babel/plugin-transform-arrow-functions
- For arrow functions@babel/plugin-transform-async-to-generator
- Generator for async/await
babel-loader
- Transpile files with Babel and webpacksass-loader
- Load SCSS and compile to CSSsass
- Sass
postcss-loader
- Process CSS with PostCSSpostcss-preset-env
- Sensible defaults for PostCSS
css-loader
- Resolve CSS importsstyle-loader
- Inject CSS into the DOM
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
eslint
- Enforce styleguide across applicationeslint-config-prettier
- Implement prettier rulesprettier
- Prettier
This project is open source and available under the MIT License.