預設情況下，凡是通過 import 方式引入的包，打包時都會被打包，這就會導致最後的包體積比較大，伴隨而來的就是程式的載入速度慢
解決方法主要是兩個
乙個是使用cdn
乙個是路由的懶載入
先說 cdn
核心思想就是將線上環境中用到一些依賴，比如 vue、vuerouter 、axios 等，使用 cdn 節點的方式引用，而不是打到包裡去，當然我們開發時依賴的一些包，最好還是使用本地包，而不是 cdn
比如我將當前專案上線後仍然需要用到的一些依賴包從 main.js 中刪除，然後在 public/index.html 中加入 cdn 節點引用
凡是通過cdn節點方式引用的包，在這裡都刪除
上面這些都可以刪除，這裡注釋的目的是為了對比變化
然後在 public/index.html 中加入如下引用
重新執行下面命令，編譯後發現包的體積小了很多
npm run build使用 cdn 的方式能夠充分利用瀏覽器的算力，從多個節點載入包，提公升程式的訪問速度
Vue 基於nodejs的vue專案打包編譯部署
1 進入專案目錄下的終端執行命令 npm run build 正常情況如下圖，如遇到錯誤不會編譯成功，且編譯後的html檔案不能正常渲染。2 編譯完成後進入專案下的 dist 目錄執行生成的 index.html檔案 開啟以後f12出現以下錯誤 資源檔案未找到 開啟專案中的index.js檔案修改 ...
vue系列之專案打包以及優化（最新版）
vue完成專案後，如何打包成靜態檔案，打包 1 vue.config.js配置，如果用預設的，打包以後，會找不到檔案 公共路徑 必須有的 publicpath 輸出檔案目錄 outputdir dist 靜態資源存放的資料夾 相對於 ouputdir assetsdir assets product...
vue專案打包需要修改的路徑問題
vue cli專案打包需要修改的路徑問題 vue 打包生成配置檔案，方便外部修改公共路徑，不用每次都進行打包部署 vue打包後改變路徑的問題 命令列輸入 npm run build 打包出來後專案中就會多了乙個資料夾dist，這就是我們打包過後的專案。第乙個問題，檔案引用路徑。我們直接執行打包後的資...