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>