Webpack合並不訪問常見配置變量

Question

據我了解，webpack-merge可以幫助我們將webpack.config文件分解為更易於管理的塊，並添加與環境相關的配置。

雖然我們將生產和開發特定的部分分開，但請注意，我們仍將保持“通用”配置以保持干燥。 為了將這些配置合並在一起，我們將使用一個名為webpack-merge的實用程序。 有了“通用”配置，我們就不必在特定於環境的配置中重復代碼。
-Webpack-生產

我在webpack.prod.js代碼如下所示：

const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common, {
  mode: 'production',
  devtool: 'source-map',
  module: {
    rules: [
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
            'file-loader'
        ],
        exclude: [
          path.resolve(__dirname, "node_modules") //NEED TO ACCCESS PATH VARIABLE HERE
        ]
      }
  ]
}

在我的webpack.common.js中，我認為webpack.prod.js可以訪問的變量path 。 我假設不是，因為出現錯誤：

ReferenceError: path is not defined

題

如何訪問通用配置？ 我是否誤解了webpack-merge的概念？

Answer 1

webpack-merge將使用兩個js對象，並使用lodash mergeWith合並它們。 因此，基本上，它返回一個包含兩個對象屬性的對象。

它無法為您提供path變量或任何其他變量。 您將需要隱式將其導入到webpack.prod.js文件中。