如何使用webpack加载Web组件

时间:2018-06-29 09:59:05

标签: javascript webpack leaflet web-component elm

我将webpack 4与elm结合使用,并尝试将传单地图作为Web组件引入。 (这是可取的,因为elm具有虚拟dom,因此与标准JS的混合往往会引起对受控元素的争夺,同时也减少了与单张通讯的端口使用率)。但是,我正在努力以能够识别导入的方式配置webpack。

有问题的https://github.com/leaflet-extras/leaflet-map软件包是一个Bower软件包,几乎可以期望由Bower安装(否则它无法识别聚合物),因此webpack-webcomponent-loader和Polymer-loader软件包似乎都可以无效。

我需要做的是将webpack配置为将require("bower_components/leaflet_map/leaflet_map.html")<link import="bower_components/leaflet_map/leaflet_map.html">识别为Web组件并导入相关的包,但这在我的src目录之外。 / p>

如何配置webpack来解析此HTML文件并将其捆绑到我的应用中?而我应该如何引用呢?

0 个答案:

没有答案