前端打包混編壓縮js代碼，如何不從新打包，修改js文件內部配置參數？

利用worker多線程 實現基於vue打包後外置配置化操做 實際就是vue build打包文件都混編了 可是worker多線程 實現外部配置。

前端項目在build後，項目的代碼一般進行混編、壓縮等處理，咱們的js代碼最終會成爲無序的js模塊文件。若修改項目中業務的配置參數，一般能夠經過接口服務來傳達，可是有時候也須要外部的配置文件來傳達，如項目已經到生產環境，在不從新打包發版本的基礎上，修改其代碼內部參數。

1.多線程方法

/** * @description worker.js * @author trsoliu * @date 2019-01-27 * @params url 須要執行的線程 */
const worker = {
	setWorker: (url) => {
		if(typeof(Worker) !== "undefined") {
			return new Worker(url);
		}
	}
}
export default worker;
複製代碼

2.配置外部配置文件

/** * @description config.js 特別說明一下，config.js須要放在根目錄static文件夾下，以下圖 * @author trsoliu * @date 2019-01-27 */
postMessage({
    params1:1111,
    params2:2222
})

複製代碼

3.內部js利用worker調用調用配置文件

//import worker from "./../../../../assets/js/libs/worker.js" //先引入調用方法
worker.setWorker("./static/js/config/config.js").onmessage = (event) => {
	let paramsData = event.data;
	console.log(paramsData);
	//console.log結果爲：{params1:1111, params2:2222}
};
複製代碼

4.部署後，生產環境config.js文件位置

控制檯=>Sources=>Page=>config.js，以下圖
複製代碼

5.使用

按照上述使用後打包，在打包文件中會有一個沒有被import合併壓縮的config.js文件，此文件爲後續版本配置參數修改的文件。單獨修改更新服務器上此文件，就能夠在無需從新打包的狀況下修改全局配置參數。

有建議或問題能夠加羣qq交流535798405