https://github.com/houhoz/webpack5-boilerplate
A minimal webpack 5 boilerplate with only Babel, SASS
https://github.com/houhoz/webpack5-boilerplate
webpack webpack-plugin webpack4
Last synced: 2 months ago
JSON representation
A minimal webpack 5 boilerplate with only Babel, SASS
- Host: GitHub
- URL: https://github.com/houhoz/webpack5-boilerplate
- Owner: houhoz
- Created: 2018-05-30T10:17:24.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2023-02-09T06:24:22.000Z (over 3 years ago)
- Last Synced: 2025-06-23T07:02:50.166Z (about 1 year ago)
- Topics: webpack, webpack-plugin, webpack4
- Language: JavaScript
- Homepage:
- Size: 771 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Welcome to webpack5-boilerplate 👋
### 利用 webpack5、babel、sass、postcss 等模块、库实现生产项目构建的实战
### 🛠 功能
- Webpack 5
- Babel 7
- Sass
- PostCSS 8
### 🤝 依赖
- webpack
- webpack-cli - webpack 命令行
- webpack-dev-server - webpack 开发服务
- cross-env - 跨平台环境命令
### Babel
- @babel/core - 将 ES6+转换为向后兼容的 JavaScript
- @babel/preset-env - 智能环境配置
### Loaders
- babel-loader - 使用 Babel 和 webpack 转译 JavaScript 文件
- sass-loader - SCSS 转译 CSS
- sass - Dart 版本的 Sass
- postcss-loader - 用 postcs 处理 CSS
- css-loader - 对 @import 和 url() 进行处理
- style-loader - 把 CSS 插入到 DOM 中
### Plugins
- html-webpack-plugin - 根据模板生成 HTML
- mini-css-extract-plugin - 将 CSS 提取到单独的文件中，为每个包含 CSS 的 JS 文件创建一个 CSS 文件，并且支持 CSS 和 SourceMaps 的按需加载
- css-minimizer-webpack-plugin - 压缩 CSS 文件 取代 optimize-css-assets-webpack-plugin
## Show your support
Give a ⭐️ if this project helped you!
---
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_