zoukankan      html  css  js  c++  java
  • 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

    (学习笔记)

  • 相关阅读:
    2019.8.6原型链与继承
    2019.8.2闭包,作用域
    2019.8.1正则二
    2019.7.31正则
    2019.7.29二维数组
    2019.7.28关于数组和循环的八道题
    2019.7.27数组api
    DOM
    JavaScript数组5种去重方法
    JavaScript面向对象
  • 原文地址:https://www.cnblogs.com/qiufang/p/8549409.html
Copyright © 2011-2022 走看看