欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

webpack.DefinePlugin與cross-env區(qū)別詳解

 更新時(shí)間：2020年02月23日 10:08:40   作者：ToSmile  
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

webpack.DefinePlugin與cross-env常用于在項(xiàng)目工程化中定義環(huán)境變量，webpack.DefinePlugin用于在編譯期定義環(huán)境變量，意味著在代碼中寫上process.env.NODE_ENV不會(huì)在編譯期出現(xiàn)錯(cuò)誤提醒；cross-env庫用于在運(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)文章

最新評(píng)論