在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)功能等。