webpack 打包檔案 vue 過大

2021-08-15 11:23:44 字數 790 閱讀 5925

在 build/webpack.base.conf.js 檔案裡加上 externals ,不需要打包的檔案就放寫在這裡,然後在 index.html 外連上這些庫

順便記錄乙個連線後面加入版本號

在 webpack.prod.conf.js 檔案裡 ,自己獲取乙個時間加在後面就可以了

官方 

import home from './components/home.vue'

const hometest = () => import('./components/home2.vue') // 元件寫成這樣,其它不變

會出現的問題:

打包出來後元件的路徑不對(注:懶載入已經把元件分乙個個 js 檔案,然後用到的時候再去請求)

修改配置檔案 config/index.js 裡的 assetspublicpath 的值,如以下最後的位址就是 /static/js/***.js(元件)

webpack打包 vue檔案

在webpack中配置.vue元件頁面的解析 vue loader 1 執行npm i vue s將vue安裝為執行依賴 2 運cnpm i vue loader vue template compiler d將解析轉換vue的包安裝為開發依賴 3 執行npm i style loader css ...

Vue工程模板檔案 webpack打包

1 github 2 webpack配置 1 基礎配置webpack.base.config.js const path require path 處理共用 通用的js const webpack require webpack css單獨打包 const extracttextplugin req...

Vue工程webpack打包

npm install webpack g npm install webpack cli g webpack v webpack cli v 新建hello.js暴露方法供其他js引用,可防止原生 script script 標籤引入多個js方法重名的問題。暴露乙個方法 exports.sayhi...