ember g component foo-bar
Ember Addon プロジェクト (たとえば) で実行するとaddon-project
、次のように生成されます。
// addon-project/addon/components/foo-bar.js
import Ember from 'ember';
import layout from '../templates/components/foo-bar';
export default Ember.Component.extend({
layout
}
// addon-project/addon/templates/components/foo-bar.hbs
{{yield}}
// addon-project/app/components/foo-bar.js
export { default } from 'addon-project/components/foo-bar';
コンポーネント テンプレートをエクスポートするために生成されずaddon-project/app/templates/components/foo-bar.js
、.xml を使用してテンプレートを明示的にリンクしていることに気付きましたlayout
。
なぜ生成しないのaddon-project/app/templates/components/foo-bar.js
ですか?この動作には理由がありますか?
またlayout
、絶対パスではなく相対パスを使用してインポートされるのはなぜですか (つまりimport layout from 'addon-project/templates/components/foo-bar
?