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文件较小,可直接粘贴到控制台,回车后在控制台输入包名,出现的智能提示即为全局变量名)

相关文章:

  • 2021-06-19
  • 2021-10-14
  • 2021-11-07
  • 2022-12-23
  • 2022-12-23
  • 2022-01-12
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-09
  • 2021-06-16
  • 2021-11-09
  • 2021-07-10
  • 2022-12-23
相关资源
相似解决方案