webpack 配置環境變數

2021-08-14 04:50:13 字數 739 閱讀 4196

在開發過程中我們可能需要打大量的log,便於在開發過程中進行除錯。但是當在生產環境中在瀏覽器中打出這麼多日誌會造成資訊洩漏。

如果在打生產包的時候逐行將log刪除,開發時再新增顯然是十分麻煩的。為此,我們可以利用enviroment flags,在使用webpack打包命令的時候傳入對應的引數,告訴程式是否顯示log。

無論是使用webpack命令或是webpack-dev-server進行打包,環境變數的傳入方法都是一樣的。

舉個例子:

env debug=

true webpack-dev

-server

我們可以使用這條命令啟動webpack伺服器,並傳入引數debug引數,引數值為true.

在webpack.config.js檔案中,我們可以通過process.env.debug對引數進行接收。

給個完整的例子:

在webpack.config.js中定義乙個自定義的外掛程式,在外掛程式中接收debug引數。

var webpack = require('webpack');

var devflagplugin = new webpack.defineplugin();

module.exports = ,

plugins: [devflagplugin]

};

在js檔案中判斷 __dev__ 的值,並做相應處理:
if (__dev__)

webpack的環境變數以及配置請求路徑

進入config env.js檔案,在該檔案中找到getclientenvironment函式,此函式返回的是客戶端的環境變數 在getclientenvironment函式中,node env既為環境變數,在外部可以直接使用process.env.node env獲取到當前環境 注 一般情況下是不...

環境變數配置

因為配置了ubuntu自帶的python和anaconda的python,所以需要改下環境變數,常用的指令就幾句,但是老記不住,所以部落格記錄下,省的到處查了。sudo gedit bashrc進入環境變數配置介面 source bashrc有時候我們需要同時跑多個程式,所以python的路徑可能就...

環境變數配置

右擊 此電腦 點選 屬性 左側選擇 高階系統設定 如下圖 選擇 高階 再點選 環境變數 就會如下圖所示 上部分是當前使用者的環境變數,下部分是系統的環境變數,適用所有使用者,一般而言,修改path都是更改系統變數。點選 新建 設定變數名和變數值後即可新建環境變數。如下圖 點選 編輯 在新視窗右側可以...