vue cli4配置動態位址

有些資源位址 vue打包之後如果修改需要重新打包，這就很煩，有很多 vue cli2 的參考文件，剛好配置出了 vue cli4 ，在這裡記錄一下

安裝 generate-asset-webpack-plugin

yarn add  generate-asset-webpack-plugin

vue.config.js 中配置 generate-asset-webpack-plugin

const generateassetplugin = require("generate-asset-webpack-plugin"); //引入外掛程式

const serverconfig = require("./fileurl.json");
const createjson = function (compilation) ;

module.exports = })]

},...
}

在main.js 中載入 fileurl.json，並且配置為全域性引數，進行呼叫

vue.prototype.getconfigjson = function () ).catch((error)=>)

}vue.prototype.getconfigjson()//呼叫宣告的全域性方法

4.使用 用 this.filejson 即可拿到 fileurl.json 物件，

***************=

***************=

vue cli4 環境配置

在專案中建立 env.development 檔案 npm run serve 預設指本檔案 建立.env.productionenv檔案 cnpm run build 預設此檔案 env.development 檔案 node env development 開發模式執行環境 env.produc...

WebService動態位址

如果不用修改,則按原來的內容回寫 else buf.system.getproperty line.separator catch exception e finally catch ioexception e return buf.tostring 將內容回寫到檔案中 param filepath...

Vue Cli4搭建Vue專案

npm install g vue cli檢視腳手架版本 隨後建立專案 vue create vue next test選擇第二個 選擇相應的配置，不要選擇linter不然會後悔的 下一步輸入y，然後選擇相應的css 然後在選擇第乙個 再輸入y，然後回車就完事了 1 npm install 2 np...