17開發和生產並行設定

2021-08-25 02:22:33 字數 706 閱讀 9994

npm安裝

若要安裝jquery庫,有3種安裝方法

安裝全部專案依賴包:node_modules

安裝生產環境依賴包:

配置和生產並行

我們在以前的配置中設定了乙個變數website,用於靜態資源正確找到路徑。那如果生產環境和開發環境不一樣,而且我們需要來回切換

第一步:修改package.json命令

- 新增乙個dev設定,通過環境變數來進行區分

"scripts": ,
第二步:修改webpack.config.js檔案

- 利用node的語法來讀取type的值

console.log(encodeuricomponent(process.env.type));       //檢視時生產環境還是開發環境

if(process.env.type=="build")

}else

}

在終端輸入npm run build檢視輸出的型別

在終端輸入npm run dev檢視輸出的型別

注意:若出錯,應該是安裝全部專案依賴包不全,刪除node_modules資料夾,npm install重新安裝

mac下的package.json設定

"scripts": ,
mac電腦下需要把set換成export,並且多加&符

webpack 開發和生產並行設定 十四

乙個專案中是有開發環境和生產環境的,這兩個環境的依賴也是不同的 開發依賴 只在開發中用來幫助你進行開發,簡化 或者生成相容設定的以來包。你可以開啟package.json來檢視,devdependencies的下面的這些包為開發使用的包。這些包在生產環境中並沒有用處。生產依賴 就是比如我們的js使用...

angular分別設定生產環境和開發環境的介面位址

原文 1 environment.prod.ts檔案中設定生產環境的介面位址 export const environment 2 environment.ts檔案中設定開發環境的介面位址 export const environment lhost.ts使用時 import from enviro...

yii2 開發環境和生產環境的設定

開發環境和生產環境的設定 入口設定 在web index.php中 測試環境 defined yii debug or define yii debug true defined yii env or define yii env dev 生產環境 defined yii debug or defi...