如何使用webpack插件动态添加模块/依赖关系？

Question

我觉得我要实现的目标并不难..但是Webpack文档陷入严重混乱，为此我花了很多时间。

如何将“动态”模块注入Webpack版本？我想在构建时创建此模块。

举一个简单的例子，我如何在构建时将此字符串作为新模块注入？

"module.exports = new Date();"

然后，假设我希望该模块具有名称“ myDate”

我非常希望我的应用程序中的任何其他模块能够通过以下方式解决该问题：

var myDate = require('myDate');

现在，这是一个非常简单的示例。我的目的将更加复杂，涉及读取文件以创建此“动态”模块。我知道define插件，很不幸，它不符合我的需求。

我将不胜感激任何帮助。谢谢。

Answer 1

找到这个插件：virtual-module-webpack-plugin

README.md 中描述的使用示例

const VirtualModulePlugin = require('./virtual-module-webpack-plugin');

  // ...

  plugins: [
    new VirtualModulePlugin({
      moduleName: 'src/mysettings.json',
      contents: JSON.stringify({ greeting: 'Hello!' })
    })
  ]
}

您可以查看实施并尝试自己的实施。