mini-css-extract-plugin 的用法（webpack4）

今天在使用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

（学习笔记）

转载于:https://www.cnblogs.com/qiufang/p/8549409.html