javascript - 基于配置值的 Webpack 条件构建

Question

我正在寻找最终与 Require.JS 的 has.js 集成等效的 Webpack。

在 Require.JS 中，您可以根据 has.js 中的变量编译不同的代码路径。 Webpack 是否有等效的加载器/插件来做同样的事情？

例子:

config.js

module.exports = {
  option1: 'foo' // other option is 'bar'
}

然后在某处的代码中有如下内容

code.js

var a;

if (option1 === 'foo') {
  a = require('fooModule');
} else if (option1 === 'bar') {
  a = require('barModule');
}

并让构建仅在评估为 true 的条件下输出代码？

或者，像这样的东西也可以工作:

import MyLibrary from './modules/' + config.option1 + 'Module.js';

会this stackoverflow answer是实现我正在寻找的当前最佳实践吗？最终，我们的目标是拥有一组源代码，可以根据配置中的值编译成特定的(ish)目标，同时不会在最终构建中发送不适用的代码。

Answer 1

您可以使用 webpack DefinePlugin去做这个。皮特亨特的 Webpack Howto有很好的实现示例。