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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用webpack插件动态添加模块/依赖项？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含824字，纯文字阅读大概需要2分钟。

内容图文

我觉得我想要实现的并不是那么难……但是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插件动态添加模块/依赖项？全部内容，希望文章能够帮你解决javascript – 如何使用webpack插件动态添加模块/依赖项？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---