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文件較小,可直接粘貼到控制台,回車后在控制台輸入包名,出現的智能提示即為全局變量名)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM