网站地图    收藏   

主页 > 前端 > webpack >

mini-css-extract-plugin 的用法(webpack4)

来源:未知    时间:2020-02-18 16:59 作者:小飞侠 阅读:

[导读] 今天在使用webpack的extract-text-webpack-plugin插件提取单独打包css文件时,报错,说是这个插件要依赖webpack3的版本。 后面查了一下,webpack4得使用mini-css-extract-plugin这个插件来单独打包css。...

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


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论