使用vue开发项目。项目打包后，发现chunk-vendors.xxx.js总是很大，项目大小会超过1M。之前一直想解决这个问题，但是不知道怎么解决。最近有一个大金块我写了一篇文章解决了我这么久的烦恼。我按照大佬的方案成功提取了一些第三方依赖（如vuex、elementui、axios）和公共代码。为了记录一下困扰我很久的问题已经解决了，特写了这篇文章。掘金篇：Vue多页面优化踩坑记录项目依赖函数依赖文件es6语法转es5语法npmibabel-loader@babel/core@babel/preset-env-Des6newapi转换npminstall--save@babel/polyfillnpminstall--save-dev@babel/plugin-transform-runtimenpminstall--save@babel/runtime-corejs3webpacknpminstallwebpackwebpack-cli-Dcleanfilepluginnpminstallclean-webpack-plugin-DinsertJavaScriptorCSS转到webpack插件生成的html，运行npminstalladd-asset-html-webpack-plugin-D生成.babelrc文件，写入如下代码：{"presets":[["@babel/preset-env"]],"plugins":[["@babel/plugin-transform-runtime",{"absoluteRuntime":false,"corejs":3,"helpers":true,"regenerator":true,"useESModules":false}]]}使用1.复制webpack.dll.config.js和.babelrc文件到项目和目录下（文件在GitHub上）2.修改webpack.dll.config.js中的代码1.修改dll文件存储目录（根据需要修改，或不修改）2.修改入口3.在vue.config.js中的configureWebpack中添加生成的dll文件配置4.在package.json文件中的脚本中添加一条命令，"dll":"webpack-p--progress--config。webpack.dll.config.js”packaging在执行打包命令之前，首先要执行生成dll文件的命令，即先执行npmrundll，然后再执行npmrunbuild运行npmrundll命令，会在/public/dll目录下生成一个xxx.dll.js和xxx.manifest.json文件，其中xxx为keyGitHub项目地址在webpack.dll.config.js入口中的vue项目提取第三方插件和公共代码到一个单独的文件：vue-extract-plugins
