今天在使用webpack的extract-text-webpack-plugin插件提取单独打包css文件时，报错，说是这个插件要依赖webpack3的版本。

后面查了一下，webpack4得使用mini-css-extract-plugin这个插件来单独打包css。

mini-css-extract-plugin这个插件的用法如下：

const MiniCssExtractPlugin = require(“mini-css-extract-plugin”) 

const config = module.exports={

 　　plugins: [

    　　  new MiniCssExtractPlugin({
      　　filename: “[name].[chunkhash:8].css“,
     　　 chunkFilename: “[id].css“
   　　 })
　　  ],
  　　module: {
    　　rules: [
     　　 {
      　　  test: /\.css$/,
      　　  use: [
        　　  　　MiniCssExtractPlugin.loader,
        　　 　　 “css-loader“
       　　 ]
    　　  }
  　　  ]
 　　 }

}

module.exports = config

（学习笔记）

版权声明：本文为qiufang原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/qiufang/p/8549409.html