Javascript 在聚合物中使用第三方依赖关系(pikadate)

Javascript 在聚合物中使用第三方依赖关系(pikadate),javascript,polymer,Javascript,Polymer,我正在使用创建一个聚合日期选择器。可悲的是,我好像做错了什么 我想以正确的方式导入pikaday.js和pikaday.css 起初,我在结束dom模块-标记下面有一个简单的脚本标记,如 </dom-module> <script src="../../pikaday/pikaday.js"></script> <script> Polymer({ //.... 此外,我对使用外部css感到困惑。阅读后,我似乎应该将提供的css文件的

我正在使用创建一个聚合日期选择器。可悲的是,我好像做错了什么

我想以正确的方式导入
pikaday.js
pikaday.css

起初,我在结束
dom模块
-标记下面有一个简单的脚本标记,如

</dom-module>
<script src="../../pikaday/pikaday.js"></script>
<script>
  Polymer({
    //....
此外,我对使用外部css感到困惑。阅读后,我似乎应该将提供的css文件的内容复制并粘贴到
我的datepicker style.html
中,然后将其导入我的模板,如下所示:

<dom-module id="my-datepicker">
  <template>
    <style include="my-datepicker-style"></style>
    <style>
      :host {
        //more css

:主持人{
//更多css

我对复制和粘贴现有代码的必要性感到困惑。

在ES6导入变得更普遍之前,您需要某种方法来引用依赖项

标记的问题是,当它出现多次时,它将被处理多次。对于
而言,情况并非如此。相同的href将只处理一次

但是,您不能直接导入javascript。诀窍是使用脚本引用创建
pikaday import.html
文件

<script src="../../pikaday/pikaday.js"></script>

然后将其导入元素的html中

<link rel="import" href="pikaday-import.html" />
<dom-module id="my-datepicker"></dom-module>

这是一种技术,例如


通过这种方式,
的实例只能加载一次pickaday。不幸的是,如果有其他组件引用它,您可能会多次加载依赖项。

的工作方式非常简单。非常感谢。
<script src="../../pikaday/pikaday.js"></script>
<link rel="import" href="pikaday-import.html" />
<dom-module id="my-datepicker"></dom-module>