Javascript 在Sails.js上添加聚合物
我已经在Sails.js上做了3个月的项目,我刚刚发现了一种看起来很酷的聚合物。我想知道如何将它添加到我的项目中,因为它看起来与Bootstrap或基础非常不同,在这里我只添加CSS和JS文件。Javascript 在Sails.js上添加聚合物,javascript,polymer,sails.js,Javascript,Polymer,Sails.js,我已经在Sails.js上做了3个月的项目,我刚刚发现了一种看起来很酷的聚合物。我想知道如何将它添加到我的项目中,因为它看起来与Bootstrap或基础非常不同,在这里我只添加CSS和JS文件。 非常感谢。如果您的系统上目前没有安装Bower,您需要在安装之前先安装它。然后,将Polymer安装到Sails应用程序的/assets文件夹中 接下来,打开config/routes.js文件,注释掉module.exports.routes{}中的所有内容。在/assets中创建一个index.ht
非常感谢。如果您的系统上目前没有安装Bower,您需要在安装之前先安装它。然后,将Polymer安装到Sails应用程序的
/assets
文件夹中
接下来,打开config/routes.js
文件,注释掉module.exports.routes{}
中的所有内容。在/assets
中创建一个index.html
文件,并将其用作应用程序的索引页。现在我可能不再使用ejs模板系统(假设您正在使用它),而是使用sails作为后端api,处理前端任务
这应该足以让一切正常运行。如果您想保留sails提供的ejs模板和路由,并且仍然使用polymer,另一个选项是将bower配置为安装到
资产/bower\u组件上。您可以通过创建一个包含以下内容的.bowerrc
文件来实现这一点:{“目录”:“资产/bower\u组件”}
运行bower install
后,需要通过将
放置在layout.ejs
文件的
部分,将聚合物包括在项目中
要添加的每个聚合物组分都可以放置在layout.ejs
文件中。例如,如果要包含纸张按钮,可以将
放在
部分中包含聚合物的行的后面
现在,您可以在创建的任何.ejs
文件中使用聚合物组件。例如:
<div>
My super awesome Polymer project!
<paper-button raised>raised</paper-button>
</div>
我的超级棒聚合物项目!
提高
非常感谢!:)