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