如何使用 webpack 插件动态添加 module/dependency？

Question

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

如何将 "dynamic" 模块注入到 webpack 构建中？我想在构建时创建这个模块。

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

"module.exports = new Date();"

然后假设我希望该模块的名称为 "myDate"

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

var myDate = require('myDate');

现在这是一个非常简单的例子。我的目的会复杂得多，涉及读取文件以创建此 "dynamic" 模块。我知道 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!' })
    })
  ]
}

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

如何使用 webpack 插件动态添加 module/dependency？

How to dynamically add a module/dependency with a webpack plugin?

javascript

webpack

webpack-2

webpack-plugin