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

时间:2016-10-21 05:22:08

标签: javascript webpack webpack-2 webpack-plugin

我觉得我想要实现的目标并不那么难......但是webpack文档陷入了严重的混乱状态,而且我在这方面花了很多时间。

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

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

"module.exports = new Date();"

然后我想说我希望该模块的名称为“myDate”

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

var myDate = require('myDate');

现在这是一个非常简单的例子。我的目的将更复杂,涉及阅读文件以创建这个“动态”模块。我知道define插件,遗憾的是它并不适合我的需要。

我非常感谢任何帮助。感谢。

1 个答案:

答案 0 :(得分:4)

找到此插件: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!' })
    })
  ]
}

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