A webpack 5 boilerplate with Vue.js. Using Babel, PostCSS and Sass.
Clone this repo and npm install.
npm inpm startYou can view the development server at localhost:3000.
npm run buildnpm run previewwebpack- 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.