Question

我尝试使用AngularJS和Polymer（我实际上使用AngularJS作为服务，例如Token Auth和Polymer for Material Design）所以我问一个简单的方法来为这种类型的App构建scafolding（Polymer + AngularJS - localhost与grunt一起运行）？我安装时的那一刻：

 yo angular MyApp

我在根目录中有bower_components，如果我尝试通过以下方式安装Polymer：

 bower install --save Polymer/polymer

所以我在AngularJS bower_components中安装了Polymer，（如果我使用yo聚合物生成器，bower_components文件夹位于/ root / app /文件夹而不是）当我使用grunt服务时，我得到错误（例如核心工具栏：

 core-toolbar was not injected in your file.
 Please go take a look in "/project-root/bower_components/core-component-page" for the file you need, then manually include it in your file.

所以我认为我需要改变Gruntfile.js中的内容，但我不知道是什么！也许最好使用两个bower_components文件夹？

Answer 1

我解决了问题，所以我使用AngulaJS Generator for Yeoman，之后我将文件夹bower_components从/ project_root文件夹移动到/ project_root / app文件夹，所以我修改了.bowerrc文件的新路径bower_components文件夹：

 {
    "directory": "app/bower_components"
 }

所以现在我可以使用凉亭来安装我需要的聚合物元素，像往常一样使用凉亭：

 bower install Polymer/core-toolbar

我没有使用--save来保存包中的依赖项，因为当grunt / bower尝试在index.html文件中插入链接时它会失败，所以从bower.json文件中删除Polymer依赖项并手动添加，其他提示删除grunt / bower已添加的关于index.html文件中聚合物的链接，并添加webcomponents.js：

 <!-- Polymer Section -->
 <script src="bower_components/webcomponentsjs/webcomponents.js"></script>
 <!-- My imports -->
 <link rel="import" href="bower_components/core-toolbar/core-toolbar.html">

用于Angular + Polymer的Yeoman / Grunt生成器

1 个答案: