1、导入 MiniCssExtractPlugin.loader
    2、匹配到的css样式文件进行处理
    3、使用插件输出文件(hash命中缓存)
    4、使用压缩css

    1. // 导入 MiniCssExtractPlugin.loader
    2. module: {
    3. rules: [
    4. {
    5. test: /\.css$/,
    6. use: [MiniCssExtractPlugin.loader, 'css-loader'] // 注意,这里不再使用 style-loader 了
    7. }
    8. ]
    9. },
    10. pulgins:[
    11. // 抽离 css文件
    12. new MiniCssExtractPlugin({
    13. filename:'css/main.[contentHash:8].css'
    14. })
    15. ],
    16. optimization:{
    17. // 压缩css
    18. minimizer:[new TerserJSPlugin({}),new OptimizeCSSAssetsPlugin()]
    19. }