本文详细介绍了在使用Vue CLI 4时，如何通过编写和配置Vue.config.js文件来优化开发环境。文中包含了对常用配置项及其作用的详尽解释与示例，旨在帮助开发者更好地理解和利用此功能。
前言：Vue.js CLI工具已经发展到了4.0时代，在这个版本中，CLI最直观的变化是没有了build文件夹和config文件夹，所有的配置都在Vue.config.js完成。因此该文件的配置变得非常重要。接下来我们来看一下最新配置是如何设置的。
安装所需的依赖：
```
npm i -D vue-cli-plugin-compression
```
在项目根目录创建或修改vue.config.js 文件，并添加以下代码以启用gzip压缩功能：
```javascript
const path = require(path);
const CompressionWebpackPlugin = require(compression-webpack-plugin);
module.exports = {
configureWebpack: {
plugins: [
new CompressionWebpackPlugin({
filename: [path].gz[query],
algorithm: gzip,
test: /\.(js|css|json|txt|html)$/,
threshold: 10240,
minRatio: 0.8
})
]
}
}
```
5星
