聚合物是否有支持的Ember-cli插件?

时间:2016-02-01 15:29:23

标签: ember.js polymer ember-cli polymer-1.0 ember-cli-addons

我对ember-cli和聚合物都很新,所以请耐心等待。

我的问题是我正在尝试在我的ember-cli项目中使用Polymer webcomponents,但是我无法找到适用于当前版本的ember,ember-cli和我拥有的聚合物(所有这些都是最新版本)。

我已经尝试使用ember-polymer,ember-cli-polymer和ember-cli-polymer-toolchain addon for nme for emebr-cli,但没有一个有效。下面是我在brocfile.js中包含的代码,我已经检查过我已经安装了硫化和合并我需要的文件所需的正确依赖项。

是否有一个由ember团队支持的官方插件,或者根本没有支持的方法来完成此任务。在我的项目中不能包含聚合物的web组件将是一种耻辱。

提前感谢您的帮助。



var EmberApp = require('ember-cli/lib/broccoli/ember-app');
var pickFiles   = require('broccoli-static-compiler');
var mergeTrees  = require('broccoli-merge-trees');
var vulcanize = require('broccoli-vulcanize');

var app = new EmberApp();

var polymer = pickFiles('bower_components/', {
  srcDir: '',
  files: [
    'polymer/polymer.html',
    'polymer/polymer.js',
    'webcomponentsjs/webcomponents.js'
  ],
  destDir: '/assets'
});

var polymerVulcanize = vulcanize('app', {
  input: 'elements.html',
  output: 'assets/vulcanized.html',
  csp: true,
  inline: true,
  strip: false,
  excludes: {
    imports: ["(^data:)|(^http[s]?:)|(^\/)"],
    scripts: ["(^data:)|(^http[s]?:)|(^\/)"],
    styles: ["(^data:)|(^http[s]?:)|(^\/)"]
  }
});

module.exports = mergeTrees([
  polymerVulcanize,
  polymer,
  app.toTree([polymerVulcanize])
]);




2 个答案:

答案 0 :(得分:0)

本网站提供了一个很好的指导,可以在没有插件的情况下完成:

http://www.programwitherik.com/how-to-add-polymer-to-your-ember-project/

搜索http://www.emberaddons.com/?query=polymer会显示四个结果,ember-cli-polymer-toolchain看起来最有希望ember-polymerember-cli-polymer也可能 - 尽管去年都没有更新过。虽然你已经尝试过这些,所以我猜不到。

答案 1 :(得分:0)

尝试使用ember-polymer。我最近创建了这个插件并经常维护它。