一、目標
我們要實現什麼？
所謂分模組打包，也可以說乙個專案乙個模組，理解：
在src目錄下，多個專案共用一些資料方法，但是每個專案有自己獨立的入口檔案，路由檔案，介面樣式都不同，可以單獨執行，單獨打包。
按照這種構想，我在乙個新的腳手架src目錄下新建了乙個projects目錄：
如上圖，可以看到aproject、b、c、d四個專案。我在a專案中建了assets，common和views資料夾，其中assets可以再建img和css的資料夾，common內可以放公共元件或者方法，views頁面可以放頁面，甚至你還可以建乙個components資料夾專門用來放元件。
好了，我們的檢視目錄結構大概就是上面的樣子。我們期待的是，我們可以打包這個a模組這個『小vue』，就像打包乙個完整vue的專案一樣。那麼如何實現這部分呢？
最主要是在vue.config.js配置裡，通過控制入口檔案的路徑和輸出的路徑實現，分模組打包
const configjson = require('./config11.js')
const tmp = configjson.tenant.split('_')
const tenankey = tmp[0] + '_' + tmp[1] + '_' + tmp[2]
const tenantpath = tmp[0] + '_' + tmp[1] + '/' + tmp[2]
"配置資訊" + json.stringify(tenankey))
let projectconfig;
if(tenankey) /main.js`,
outputdir: `dist/$`,
title: configjson.title,
filename: 'index.html',
template: 'public/index.html'}
}//更多...}}
else
"配置資訊" + json.stringify(projectconfig));
module.exports =
vue cli 分環境打包 附加打包時間
前言 在開發專案的時候，呼叫後端介面難免遇到要切換各種環境的情況，比如開發聯調後端開發，聯調測試，聯調線上，打包測試，打包正式等等，每次切換都需要切換不同的請求服務位址，手動改來改去比較麻煩，那麼能否通過一條命令就能自動切換環境，答案是可以的，本次著重解決這個問題。適用環境配置 vue cli 3....
vue cli3實現分環境打包
在vue cli3的專案中，預設的package.json配置 此時只要根據process.env.node env設定不同請求url就可以很簡單的區分出本地和線上環境。但是實際真實的專案中，會有測試，預發布等環境。並且vue cli3號稱0配置，無法直接修改打包檔案，那麼怎麼區分不同的線上環境呢？...
vue cli 打包部署
1 一般打包 直接 npm run build。webpack的檔案，根據不同的命令，執行不同的 的 注 這種打包的靜態檔案，只能放在web伺服器中的根目錄下才能執行。2 在伺服器中 非根目錄下 執行的 打包 需要配置 參考 3 在本地檔案系統中開啟，不需要web伺服器 暫時 不清楚 4 使用 hi...