新聞中心
這篇文章主要介紹webpack.DefinePlugin與cross-env區(qū)別有哪些,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
webpack.DefinePlugin與cross-env常用于在項目工程化中定義環(huán)境變量,webpack.DefinePlugin用于在編譯期定義環(huán)境變量,意味著在代碼中寫上process.env.NODE_ENV不會在編譯期出現(xiàn)錯誤提醒;cross-env庫用于在運行時定義環(huán)境變量
DefinePlugin用來做定義。這就類似于我們項目開發(fā)中的config文件一樣,在config文件中一般放的是系統(tǒng)代碼中的一些服務(wù)器地址之類的公共信息,我們將這些信息提取出來單獨放在配置文件中,方便于后期的維護和管理。
// 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" } }
以上是“webpack.DefinePlugin與cross-env區(qū)別有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
網(wǎng)站標題:webpack.DefinePlugin與cross-env區(qū)別有哪些-創(chuàng)新互聯(lián)
網(wǎng)頁路徑:http://www.dlmjj.cn/article/pipoj.html