javascript - 如何使用 webpack 加载 web 组件

Question

我正在使用带有 elm 的 webpack 4，并尝试将传单地图作为 web 组件引入。（这是可取的，因为 elm 有一个虚拟 dom，因此与标准 JS 混合往往会导致对受控元素的争夺，它还减少了与传单对话的端口的使用）。但是，我正在努力以能够识别导入的方式配置 webpack。

有问题的包https://github.com/leaflet-extras/leaflet-map是一个凉亭包，几乎希望由凉亭安装，（否则它无法识别聚合物）所以 webpack-webcomponent-loader和聚合物装载机包似乎是无效的。

我需要做的是配置 webpack 以将 arequire("bower_components/leaflet_map/leaflet_map.html")或 an识别<link import="bower_components/leaflet_map/leaflet_map.html">为 web 组件并导入相关的包，但这不在我的src目录中。

如何配置 webpack 来解析这个 html 文件并将其捆绑到我的应用程序中？我应该如何引用它？

标签： javascriptwebpackleafletweb-componentelm