vendor.js一般是將所有引用的庫打包在了一起,首先就需要確定是哪些庫文件太大,可以參考 vue打包優化分析工具
接下來以提取 vue.js 為例:
- 下載 vue.min.js 放在 /static/ 目錄下,並在 index.html 中引入 (或引入cdn路徑也行)
- package.json 中配置的 vue 就不需要了,刪掉
- /build/webpack.base.conf.js 文件中添加 vue 的映射
module.exports = {
externals: {
// '包名': '全局變量名'
'vue': 'Vue'
}
}
包名:即通過 npm install vue 時使用的名字
全局變量名:可建立一個html文件,script引入對應js,然后瀏覽器打開,在控制台輸入包名,出現的智能提示即為全局變量名(若js文件較小,可直接粘貼到控制台,回車后在控制台輸入包名,出現的智能提示即為全局變量名)
