解决 webpack4 中无法压缩 CSS 代码的问题

在webpack4中，我们可以使用 optimize-css-assets-webpack-plugin 插件来压缩 CSS 代码(具体内容可结合该插件的官网：https://www.npmjs.com/package/mini-css-extract-plugin)，但当正确安装和引入了该插件时，我们会发现 CSS 代码并未进行压缩，输出的还是未压缩的代码，如何解决这个问题？

首先，检查代码与该插件的官网格式是否一致(大小写、字母顺序、符号等)，若均无问题，此时我们可以查看 mode 的配置项，若是 development ，则需将其改为 production ，此时在进行打包测试，成功！

---------------------------------------------------------------------------------------------------------------

mode 有两种配置 development 和 production 。

production（生产环境）与 development（开发环境）有不同点，比如production环境要求更小的代码量以加快网页的加载速度，因此通常都会对源代码进行压缩，比如使用UglifyJsPlugin插件等；而对于development环境来说，我们希望有热加载(HMR)功能等。