用了MiniCssExtractPlugin之后报错

来源:4-9 CSS 文件的代码分割

纷纷2004

2019-10-04

图片描述
请老师看下这个报错
用了MiniCssExtractPlugin这个之后出现的

写回答

2回答

十一月的宅男

2020-02-16

同学,我也遇到这个问题,我解决的办法是,将css相关的配置,分别配置到dev和prod里面。由此可以推断,问题可能是出在webpack-merge合并配置这个地方,深度合并对象有问题?具体是什么问题,我没来得及细看,可自行研究。

1
0

纷纷2004

提问者

2019-10-04

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

const merge = require('webpack-merge')

const commonConfig = require('./webpack.common.js')


const prodConfig = {

mode: 'production',

devtool: 'cheap-module-source-map',

module: {

rules: [

     {

     test: /\.css$/,

             use: [

               MiniCssExtractPlugin.loader,

               'css-loader',

             ],

     },

]

},


plugins: [

     new MiniCssExtractPlugin({

            filename: "[name].css",

            chunkFilename: "[name].chunk.css"

          })

     ]

}

module.exports = merge(commonConfig, prodConfig)


0
4
慕莱坞5350593
把webpack.common.js中 的css scss 相关的配置删掉就好了
2020-07-30
共4条回复

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程