在Sails.js上添加聚合物
[英]Add Polymer on Sails.js
问题描述
我已经使用Sails.js进行了3个月的项目，而我刚发现Polymer看起来很酷。 我想知道如何将其添加到我的项目中，因为它与我仅添加CSS和JS文件的Bootstrap或Foundation看起来非常不同。
非常感谢。
2 个解决方案
解决方案1
2 2015-08-02 23:04:23
如果您当前尚未在系统上安装Bower，则需要先安装Polymer。 然后，将Polymer安装到Sails应用程序的/assets文件夹中。
接下来，打开config/routes.js文件并注释掉module.exports.routes {}所有内容。 在/assets创建一个index.html文件，并将其用作应用程序的索引页面。 我现在可能会停止使用ejs模板系统（假设您完全使用它），而将sails用作由Polymer处理前端职责的后端api。
这应该足以使一切正常运行。
解决方案2
0 2016-01-21 04:13:32
如果要保留Sails提供的ejs模板和路由并仍使用聚合物，则另一种选择是配置bower以安装到assets/bower_components 。 您可以通过创建一个具有以下内容的.bowerrc文件来做到这一点： { "directory" : "assets/bower_components" }
运行bower install ，需要通过将<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>放在layout.ejs文件的<head>部分中，来将聚合物包含在项目中。
您要添加的每个聚合物组件都可以放置在layout.ejs文件中。 例如，如果要包括一个纸质按钮，则可以将<link rel="import" href="/bower_components/paper-button/paper-button.html">放在<head>部分中， <link rel="import" href="/bower_components/paper-button/paper-button.html">在聚合物。
现在，您可以在创建的任何.ejs文件中使用聚合物组件。 例如：
<div>
My super awesome Polymer project!
<paper-button raised>raised</paper-button>
</div>
sails.js更新或添加新行
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.