1

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

我的问题是我正在尝试在我的 ember-cli 项目中使用 Polymer webcomponents,但是我无法找到适用于当前版本的 ember、ember-cli 和聚合物的附加组件或解决方案。有(都是最新版本)。

我已经在 npm 上为 emebr-cli 尝试了 ember-polymer、ember-cli-polymer 和 ember-cli-polymer-toolchain 插件,但都没有奏效。下面是我包含在我的 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])
]);

4

2 回答 2

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也可能 - 尽管最后都没有更新年。虽然你已经尝试过这些,所以我猜不是。

于 2016-02-01T15:51:54.323 回答
0

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

于 2016-09-30T12:51:04.040 回答