vue-cli打包后vendor.js文件太大怎么办

vendor.js一般是将所有引用的库打包在了一起，首先就需要确定是哪些库文件太大，可以参考 vue打包优化分析工具

接下来以提取 vue.js 为例：

1. 下载 vue.min.js 放在 /static/ 目录下，并在 index.html 中引入 （或引入cdn路径也行）
2. package.json 中配置的 vue 就不需要了，删掉
3. /build/webpack.base.conf.js 文件中添加 vue 的映射

module.exports = {
  externals: {
    // '包名': '全局变量名'
    'vue': 'Vue'
  }
}

包名：即通过 npm install vue 时使用的名字
全局变量名：可建立一个html文件，script引入对应js，然后浏览器打开，在控制台输入包名，出现的智能提示即为全局变量名（若js文件较小，可直接粘贴到控制台，回车后在控制台输入包名，出现的智能提示即为全局变量名）

转载于:https://www.cnblogs.com/shifeng-/p/10832022.html