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

Question

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

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

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

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

您可以查看实现情况并自己尝试。