用了MiniCssExtractPlugin之后报错
来源:4-9 CSS 文件的代码分割
纷纷2004
2019-10-04
请老师看下这个报错
用了MiniCssExtractPlugin这个之后出现的
2回答
-
十一月的宅男
2020-02-16
同学,我也遇到这个问题,我解决的办法是,将css相关的配置,分别配置到dev和prod里面。由此可以推断,问题可能是出在webpack-merge合并配置这个地方,深度合并对象有问题?具体是什么问题,我没来得及细看,可自行研究。
10 -
纷纷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)
042020-07-30
相似问题