记vue+webpack+compression-webpack-plugin+前端gzip压缩

前情：原本是打包出来发现包很大，想关闭sourcemap的，然后在根目录创建vue.config.js文件不生效，查查查，搜搜搜，看到一个网友说vue-cli跑项目建vue.config.js文件，webpack跑项目建webpack.config.js文件（package.json中查看）……然，webpack.config.js也不生效。再回头仔细看目录结构，发现有个config文件夹，里面的属性名和数据结构都很眼熟…emm…难怪不生效，人家自己有啊…=。=…

项目使用的vue-cli版本

@vue/cli 4.5.13

webpack版本

“webpack”: “^3.6.0” // 脚手架自动配的

首次开启gzip压缩是按照初始化生成的配置文件说明使用的以下命令行，图中有标注文件路径哈。
npm install --save-dev compression-webpack-plugin

安装时命令行就有发出版本相关的警告（忘了截图），但是以为不耽误运行build，运行npm run build后报错 “ throw new _ValidationError.default(errors, schema, configuration);”，查了一圈，应该还是webpack版本问题，尝试降级
带版本号安装compression-webpack-plugin@1.1.12

npm install --save-dev compression-webpack-plugin@1.1.12

安装成功后重新运行打包终于有了xxx.gz文件！