vue專案靜態資源打包方法

2021-08-22 18:17:47 字數 508 閱讀 3771

如何用.npm run build打包靜態資源

1.開啟build資料夾下的webpack.base.conf.js,如下圖,將紅圈地方改為紅箭頭所指的一行**

2.開啟config資料夾下index.js如下圖,將藍箭頭所指改為紅箭頭所指

3.開啟build資料夾下的utils.js如下圖,將圈出的**新增進去

4.儲存然後執行npm run build 進行打包在專案資料夾下中出現dist資料夾為打包的靜態資源

注:專案執行除錯需將1.2.3.步驟改回來。

以上參考

vue修改打包後靜態資源路徑

使用vue cli生成的專案,打包方式是直接執行package.json裡配置的指令碼 npm run build 這步其實是去執行build下的build.js指令碼檔案 node build build.js 複製 如果發布到伺服器資源,該靜態資源的路徑都是預設在根路徑下,大多數情況下是不符合期...

vue本地專案靜態資源管理

vue本地專案靜態資源管理 統一放在src static裡面css,images,js index.html裡面使用重置樣式 元件裡面使用 css使用背景 npm run build之前需要將config index.js assetspublicpath 修改成 assetspublicpath ...

vue打包後,靜態資源通過URL訪問不到

vue打包後,一些靜態資源通過url訪問不到 const shareinfo 然後就開始找原因,檢視了打的包裡的資料夾,並沒有找到 share.jpg。但是發現其他的檔案都是以 a.7a2c09b.jpg形式出現的。那分享在 呢?會不會也變成share.jh65465.jpg?網上查資料,知道可能的...