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';

這個stackoverflow答案會是實現我正在尋找的當前最佳實踐嗎？ 最終，目標是擁有一個源集，可以根據配置中的值將其編譯為特定的目標，而在最終版本中也不會通過網絡發送不適用的代碼。

Answer 1

似乎最好的，大多數webpack慣用的方法是通過

Webpack DefinePlugin

Answer 2

您可以使用webpack DefinePlugin來執行此操作。 Pete Hunt的Webpack Howto有一個很好的實現示例。

Answer 3

webpack-hasjs-plugin應該做您想要的。