Javascript 在Sails.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

我已经在Sails.js上做了3个月的项目,我刚刚发现了一种看起来很酷的聚合物。我想知道如何将它添加到我的项目中,因为它看起来与Bootstrap或基础非常不同,在这里我只添加CSS和JS文件。
非常感谢。

如果您的系统上目前没有安装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>

我的超级棒聚合物项目!
提高

非常感谢!:)