Есть ли поддерживаемый аддон Ember-cli для Polymer?

Я новичок как в ember-cli, так и в полимере, так что терпите меня.

Моя проблема заключается в том, что я пытаюсь использовать веб-компоненты Polymer в своем проекте ember-cli, однако мне не удалось найти надстройку или решение, которое работает с текущими версиями ember, ember-cli и полимера, которые я имеют (все из которых являются последними версиями).

Я пробовал аддоны ember-polymer, ember-cli-polymer и ember-cli-polymer-toolchain на npm для emebr-cli, и ни один из них не работал. Ниже приведен код, который я включил в свой brocfile.js, и я уже проверил, что установил правильные зависимости, необходимые для вулканизации и объединения нужных мне файлов.

Есть ли официальный аддон, поддерживаемый командой ember, или просто нет поддерживаемого способа сделать это. Было бы обидно не иметь возможности включать веб-компоненты полимера в свои проекты.

Заранее спасибо за вашу помощь.

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])
]);


person mmaines    schedule 01.02.2016    source источник
comment
Я использую ember: 1.13.12, полимер: ^ 1.2.4 и webcomponentsjs: 0.7.20.   -  person mmaines    schedule 01.02.2016
comment
Добавляли ли вы полимерные активы в index.html, например {{content-for 'head'}}<script src="assets/webcomponentsjs/webcomponents.js"></script><link rel="import" href="assets/vulcanized.html">?   -  person Adam Knights    schedule 01.02.2016
comment
Вместо того, чтобы пытаться использовать полимер с Ember, я бы предложил потыкать иголками в глаза. Я думаю, это было бы намного веселее.   -  person    schedule 01.02.2016
comment
@Knightsy Я действительно добавил все зависимости, но ничего не работает. На данный момент я чувствую, что и Polymer, и Ember делают одно и то же по-разному (единственное существенное отличие — данные Ember). Так что на данный момент я думаю, что мне нужно просто решить, какой из них лучше соответствует моим потребностям в данный момент.   -  person mmaines    schedule 06.02.2016


Ответы (2)


Этот веб-сайт дает хорошее руководство по тому, как это сделать без надстройки:

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

Поиск по http://www.emberaddons.com/?query=polymer показывает четыре результата: ember-cli-polymer-toolchain выглядит наиболее многообещающе с ember-polymer и ember-cli-polymer также возможно, хотя ни один из них не обновлен в прошлом году. Хотя вы пробовали это, так что я предполагаю, что нет.

person Adam Knights    schedule 01.02.2016

Попробуйте использовать ember-polymer. Я создал этот аддон недавно и часто его поддерживаю.

person dunnkers    schedule 30.09.2016