做网站优化费用,六安市公司网站建设,正能量晚上看的网站2021,广告设计哪个网站好学习webpack时候我发现一个问题#xff1a; 将mode 改为production模式后#xff0c;生成的css会被压缩了#xff0c;但是我并没有引入CssMinimizerPlugin插件#xff0c;然后我试着将optimization.minimize 设置为false#xff0c;测试是否为webpack自带的压缩#xff0…学习webpack时候我发现一个问题 将mode 改为production模式后生成的css会被压缩了但是我并没有引入CssMinimizerPlugin插件然后我试着将optimization.minimize 设置为false测试是否为webpack自带的压缩但是设置为false还是可以进行压缩所以我觉得应该是某个loader 进行了压缩 然后我试了引入scss 和css发现是scss-loader的问题 下面两个body样式一个是使用到scss-loader 的scss文件 下面那个是没有使用到scss-loader 的css文件编写的样式
查找资料
sass-loader options中的option outputStyle决定了最终CSS样式的输出格式。 默认:nested。 更多详情https://github.com/sass/node-sass#outputstyle 要禁用缩小请将此选项设置为 expanded:
{loader: sass-loader,options: {sassOptions: {outputStyle: expanded}}
}关闭之后如果想使用其他压缩方式可以在optimization 配置对应插件需要将minimize设置为true否则不生效。 optimization: {runtimeChunk: single,splitChunks: {chunks: all,},minimizer: [new CssMinimizerPlugin(),],// 默认是在生产环境才自动开启的如果在开发环境也开启则手动开启minimize: false},另外提醒一个css 后缀和 scss 后缀的可以统一用跟scss 一样的loader处理scss的也可以处理css
