在任何瀏覽器中包含js模塊的最佳方式

Question

我已經構建了一個大型庫，我想將其包含在不同的Web項目中。這個庫管理自己的所有依賴項，幷包含js，css和html文件。

理想情況下，我想打包爲npm模塊，只是使用import將其包含在前端項目中，但根據並未正式支持所有瀏覽器。我需要在Chrome，Safari，Firefox和IE中提供一些合理的支持。

我也不想有外部模塊裝載機的要求。我真的只想下載，包括和去。

下載庫的文件夾似乎很笨重，然後使用腳本標記來引用入口點文件。

我應該怎麼辦？

Answer 1

支持所有用戶的方式是一個npm模塊，它具有source（已有的）和UMD版本，可以由CommonJs和AMD模塊加載器使用，也可以通過舊學校腳本標記使用。

這對您的要求是添加構建步驟並將其輸出作爲模塊的一部分。 Webpack幾乎是當今實現這一目標的標準工具。在文檔的WebPack

相關章節：https://webpack.github.io/docs/library-and-externals.html