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)代碼中的一些服務器地址之類的公共信息,我們將這些信息提取出來單獨放在配置文件中,方便于后期的維護和管理。
// 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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript純前端實現(xiàn)語音播報和朗讀功能
這篇文章主要為大家詳細介紹了JavaScript純前端實現(xiàn)語音播報和朗讀功能的相關(guān)知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04js實現(xiàn)iframe框架取值的方法(兼容IE,firefox,chrome等)
這篇文章主要介紹了js實現(xiàn)iframe框架取值的方法,可兼容IE,firefox,chrome等瀏覽器.涉及JavaScript針對框架元素取值的相關(guān)技巧,需要的朋友可以參考下2015-11-11