javascript - 如何使用 webpack 插件动态添加模块/依赖项？

Question

我觉得我想要实现的目标并不难.. 但是 webpack 文档处于严重混乱状态，我为此花费了很多时间。

如何将“动态”模块注入 webpack 构建？我想在构建时创建这个模块。

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

"module.exports = new Date();"

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

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

var myDate = require('myDate');

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

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

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!' })
    })
  ]
}

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