【webpack】中mini-css-extract-plugin使用方法

这个参加可以压缩CSS，然后让CSS输出到指定的目录中

 

使用这个loader也很简单，只有将style-loader 替换成 MiniCssExtractPlugin.loader, 'css-loader 

  const MiniCssExtractPlugin = require('mini-css-extract-plugin');

{
        test: /\.(css|less)$/,
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader', 'less-loader']
}

 

还需要在插件中实例化

new MiniCssExtractPlugin({
      filename: 'style/style.css'
})

 

路径是你需要输出的文件