qiao-webpack

开箱即用的 webpack 脚手架，详见：一篇文章学会Webpack5.x

官网

https://qiao-webpack.vincentqiao.com/#/

特性

• 内置了 img 的解析规则，且小于 4k 的文件使用 base64 编码内置
• 内置了 css 的解析规则， dev 环境下使用style-loader，非 dev 环境下使用mini-css-extract-plugin
• 内置了sass的解析规则，使用sass-loader解析
• 内置了less的解析规则，使用less-loader解析
• 内置了postcss的解析规则，使用postcss-loader解析
• 内置了react的解析规则，使用babel-loader解析
• 内置了antd的按需加载解析，使用babel-plugin-import实现
• 内置了html-webpack-plugin，用来生成 html 文件，通过配置文件中的 plugins 使用
• 内置了mini-css-extract-plugin，用来提取 css 文件，通过配置文件中的 plugins 使用
• 使用css-minimizer-webpack-plugin压缩 css 文件，使用terser-webpack-plugin压缩 js 文件
• 配置了以下包的 cacheGroups
  • react|react-dom|react-router|react-router-dom
  • axios
  • antd
  • bulma
  • bootstrap
  • quill
  • wangeditor
  • prismjs