只需将您的Glimmer组件放入Ember应用程序即可。你不需要改变一件事。
我一直关注官方Ember quick start tutorial。我用这个替换了生成的people-list.js
组件的内容:
import Component from '@glimmer/component';
export default class PeopleList extends Component {
}
我在浏览器控制台中收到错误,指出@glimmer/component
未定义。在我运行yarn add @glimmer/component
以添加依赖项之后,我从Broccoli获得了一个新错误。
另外,每当我在people-list.hbs
模板中的变量之前使用'@'时,模板就无法编译。如何在我的Ember应用程序中使用Glimmer组件?
目前,您无法将其用于现有的ember应用程序。但你可以尝试全新的应用程序。通过安装ember new my-glimmer-app -b https://github.com/glimmerjs/glimmer-blueprint.git
如果你这样使用yarn global add ember-cli/ember-cli
然后你需要卸载现有的ember-cli(npm uninstall -g ember-cli
)
今天(2019年5月1日)在ember app中使用glimmer,
yarn add --dev @glimmer/component@beta
然后
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
export default class MyComponent extends Component {
@tracked number = 0;
increment() {
this.number++;
}
}
要看到这一点,请看一下新的Octane App:https://github.com/ember-cli/ember-octane-blueprint