環境變量

我們在寫webpack 的時候,之前它導出的是 一個對象。使用module.exports = {...} 形式。

現在我們把它改成導出一個函數,如下。

module.exports = (env) => {
    if (env && env.production) {
        return // some config production class
    } else {
        return // some config development class
    }
}

這樣就可以根據webpack 導出函數的參數,判斷使用什麼配置了。

接着我們可以打開package.json 文件。對script 進行如下修改

  "scripts": {
    "bundle": "webpack",
    "bundleAnalyse": "webpack --profile --json > stats.json",
    "start": "webpack-dev-server",
    "build": "webpack --env.production"
  },

webpack --env.production 的意思是,通過(webpack中)全局變量向 webpack 的配置文件傳遞屬性 production,它的值默認就是true。

當然還有其他的寫法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章