修改vue打包後的結構

山茶花llia發表於2024-09-29
Vue

當一個專案需要在呼叫另一個專案作為子專案時，即兩個vue專案，在nginx中配置兩處前端，可能就需要區分兩個vue專案打包後的地址

1.在dist後再加一層子資料夾如children

module.exports = {
  publicPath:"children"
  outputDir: "dist/children",
  // 用於放置生成的靜態資源 (js、css、img、fonts) 的；（專案打包之後，靜態資源會放在這個資料夾下）
  assetsDir: "static",


則父專案就可以打包到dist/parent，進行區分
注意：記得打包前先把之前的dist刪掉，否則舊的index.html等入口檔案依舊存在

相關文章