optimize-css-assets-webpack-plugin压缩问题

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

哈哈哈蜜瓜

2019-10-26

老师我碰到两个问题:
1.optimize-css-assets-webpack-plugin在开发环境下不会压缩,但在生产环境下会压缩,所以是插件只在生产环境下起效吗?
2.插件压缩条件是什么,比如下面
正常情况如下
图片描述
图片描述
压缩结果是正确的
图片描述
然后我把style1.scss修改了,如下
图片描述
两个body并没有压缩在一起
图片描述
这种情况是因为压缩文件有顺序吗?
代码如下

...
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const { CleanWebpackPlugin } = require('clean-webpack-plugin')

...

const config = {
	...
	optimization: {
		usedExports: true,
		splitChunks: {
			chunks: 'all'
		},
		minimizer:[
			new OptimizeCSSAssetsPlugin({
			})
		]
	}
}

module.exports = config;

写回答

2回答

Dell

2019-10-31

1. 是的,生产环境生效 2. 这个规则不一定,需要看源码来确认,但是现在看来,有些合并可能有问题,这块可以给作者提改进的issue

0
0

蒋犇犇

2020-10-11

醉了,官网的文档也没有说一定要在生产环境,害我自己研究了好半天。

0
0

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

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

3627 学习 · 1291 问题

查看课程