關於vue cli腳手架打包後vendor檔案過大

2021-08-25 05:56:40 字數 533 閱讀 6262

大家會遇到打包後檔案很大,導致頁面初始化載入的速度很慢。會出現白屏的現象。這一般是你打包的vendor太大的緣故。如果你打包後看到你的vendor檔案有700kb以上。你就要考慮怎麼處理。

處理這種檔案的

1、把不常改變的庫放到index.html中,通過cdn引入,比如下面這樣:

src="">

script>

src="">

script>

src="">

script>

src="">

script>

src="">

script>

然後找到build/webpack.base.conf.js檔案,在 module.exports = 中新增以下**

externals:,
2、通過路由的懶載入

export default

new vuerouter(,

,]});

搭建vue cli腳手架

前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...

Vue cli腳手架基礎

vue cli是乙個vue腳手架,可以快速構造專案結構 vue cli本身整合了多種專案模板 很少簡單 webpack 包含eslint 規範檢查和unit單元測試等 webpack 沒有 規範檢查和單元測試 browserify 使用的也比較多 browserify 2.1 安裝vue cli,配...

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...