安装

yarn add mini-css-extract-plugin -D

使用

  1. const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  2. {
  3. test: /\.scss$/,
  4. use: [
  5. // "style-loader", // 不再需要style-loader,已经分离处理
  6. MiniCssExtractPlugin.loader,
  7. "css-loader", // 编译css
  8. "postcss-loader",
  9. "sass-loader" // 编译scss
  10. ]
  11. },
  12. plugins: [
  13. new MiniCssExtractPlugin({
  14. filename: "[name].css",
  15. chunkFilename: "[id].css"
  16. })
  17. ]