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

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

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

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

"module.exports = new Date();"

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

我非常希望我的应用程序中的任何其他模块能够解决它：

var myDate = require('myDate');

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

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

解决方法:

找到这个插件：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!' })
    })
  ]
}

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

标签：javascript,webpack,webpack-2,webpack-plugin
来源： https://codeday.me/bug/20190627/1309502.html