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

（學習筆記）