webpack.DefinePlugin與cross-env區(qū)別詳解
webpack.DefinePlugin與cross-env常用于在項(xiàng)目工程化中定義環(huán)境變量，webpack.DefinePlugin用于在編譯期定義環(huán)境變量，意味著在代碼中寫上process.env.NODE_ENV不會(huì)在編譯期出現(xiàn)錯(cuò)誤提醒；cross-env庫(kù)用于在運(yùn)行時(shí)定義環(huán)境變量
DefinePlugin用來做定義。這就類似于我們項(xiàng)目開發(fā)中的config文件一樣，在config文件中一般放的是系統(tǒng)代碼中的一些服務(wù)器地址之類的公共信息，我們將這些信息提取出來單獨(dú)放在配置文件中，方便于后期的維護(hù)和管理。
// dev.env.js
module.exports = {
NODE_ENV: 'development'
}
// prod.env.js
module.exports = {
NODE_ENV: 'production'
}
// webpack配置
const env = require('../config/dev.env')
module.exports = {
entry: {},
output: {},
resolve: {
extensions: ['.js']
}
module: {},
plugins: [
new webpack.DefinePlugin({
'process.env': env.NODE_ENV
})
]
}
// package.json
{
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"build": "node build/build.js",
"build:development": "cross-env NODE_ENV=dev node build/build.js",
"build:test": "cross-env NODE_ENV=test node build/build.js",
"build:pre": "cross-env NODE_ENV=pre node build/build.js",
"build:prod": "cross-env NODE_ENV=prod node build/build.js"
}
}
到此這篇關(guān)于webpack.DefinePlugin與cross-env區(qū)別詳解的文章就介紹到這了,更多相關(guān)webpack.DefinePlugin與cross-env內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js簡(jiǎn)單實(shí)現(xiàn)根據(jù)身份證號(hào)碼識(shí)別性別年齡生日
根據(jù)身份證號(hào)碼識(shí)別性別年齡生日，目前就有一個(gè)這樣的需求，那么接下來為大家介紹下使用js是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過2013-11-11
這篇文章主要介紹了JavaScript中定義函數(shù)的三種方法,本文直接給出代碼實(shí)現(xiàn),同時(shí)給出了構(gòu)造函數(shù)的相關(guān)知識(shí),需要的朋友可以參考下2015-03-03
在JavaScript中,異步操作通常通過回調(diào)函數(shù)來處理,但當(dāng)存在多個(gè)嵌套異步調(diào)用時(shí),就會(huì)出現(xiàn)“回調(diào)地獄”（Callback Hell）,避免回調(diào)地獄有助于提升代碼可讀性和可維護(hù)性,并使錯(cuò)誤處理更為集中和規(guī)范,本文小編給大家介紹了JavaScript避免回調(diào)地獄的策略,需要的朋友可以參考下2025-03-03
微信小程序之導(dǎo)航滑塊視圖容器功能的實(shí)現(xiàn)代碼(簡(jiǎn)單兩步)
這篇文章主要介紹了微信小程序之導(dǎo)航滑塊視圖容器功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
如何使用uniapp開發(fā)微信小程序獲取當(dāng)前位置詳解
uni-app小程序項(xiàng)目無法直接獲取到地理位置,只能通過獲取到的經(jīng)緯度,調(diào)用第三方地圖Api獲取,下面這篇文章主要給大家介紹了關(guān)于如何使用uniapp開發(fā)微信小程序獲取當(dāng)前位置的相關(guān)資料,需要的朋友可以參考下2022-10-10
微信小程序?qū)崿F(xiàn)判斷是分享到群還是個(gè)人功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)判斷是分享到群還是個(gè)人功能,結(jié)合實(shí)例形式分析了微信小程序分享與判斷功能的實(shí)現(xiàn)原理、步驟及相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
基于JavaScript實(shí)現(xiàn)百葉窗動(dòng)畫效果不只單純flas可以實(shí)現(xiàn)
看到這種百葉窗效果的動(dòng)畫，以為是用flash做的，下面通過本文給大家介紹基于JavaScript實(shí)現(xiàn)百葉窗動(dòng)畫效果，需要的朋友參考下吧2016-02-02
JavaScript 常見安全漏洞和自動(dòng)化檢測(cè)技術(shù)
js安全漏洞目前存在較大的技術(shù)難題，本文結(jié)合案例給大家詳解JavaScript 常見安全漏洞和自動(dòng)化檢測(cè)技術(shù)，需要的朋友可以參考下2015-08-08
JS 獲取瀏覽器和屏幕寬高等信息的實(shí)現(xiàn)思路及代碼
本節(jié)代碼主要使用了Document對(duì)象關(guān)于窗口的一些屬性，附實(shí)現(xiàn)代碼及源程序解決，有需求的朋友可以參考下2013-07-07
這篇文章主要介紹了如何在 JavaScript 中更好地使用數(shù)組，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09