Webpack 有条件地包含目录

Question

我希望能够模拟我的端点，并且我正在使用 fixtures 目录，该目录目前是一项资产，因此当我拦截对某些端点的调用时，我将改为发送 GET 到 fixtures/user1.json 例如。我希望能够只导入这个 json 文件，但不希望在生产模式下我的包中包含任何额外的文件。有没有办法通过 webpack 有条件地将 fixtures 包含到我的包中？

非常感谢任何建议

Answer 1

如果您愿意更新您的配置文件，您可以像这样调整构建：

const config = {
  entry: {
    assets: ...
  },
  output: {
    ...
  },
  module: {
    rules: []
  },
  plugins: [ ... ]
};


module.exports = (env, argv) => {
  if (argv.mode === 'production') {
    // add or change config object for prod builds here
  }

  if (argv.mode === 'development') {
    // add or change config object for dev builds here
  }

  return config;
};

接下来，看看：如何使用Webpack的rules.exclude选项。然后你应该能够 config.module.rules.push({...exclude stuff...}) 在生产条件下最终排除所述文件。

希望对您有所帮助！

Webpack 有条件地包含目录

Webpack conditionally include directory

webpack

webpack-4