在任何浏览器中包含js模块的最佳方法

时间:2016-10-28 02:19:06

标签: javascript module npm ecmascript-6 shared-libraries

我已经构建了一个大型库,我希望将其包含在不同的Web项目中。该库管理所有自己的依赖项,包括js,css和html文件。

理想情况下,我想将其包装为npm模块,并使用import包含在前端项目中,但根据this,并非所有浏览器都正式支持。我需要在chrome,safari,firefox和IE中提供一些合理的支持。

我也不想要外部模块加载器。我真的只想下载,包含和GO。

下载文件夹的文件夹然后使用脚本标记来引用入口点文件似乎很笨拙。

我应该怎么做?

1 个答案:

答案 0 :(得分:0)

支持所有用户的方式是一个npm模块,包含源(您已有的)和UMD版本,可以由CommonJs和AMD模块加载器使用,也可以通过旧的学校脚本标记使用。

这要求您添加构建步骤并将其输出作为模块的一部分。 Webpack几乎是当今实现这一目标的标准工具。

webpack文档中的相关部分:https://webpack.github.io/docs/library-and-externals.html