ES6 모듈 및 CoffeeScript로 작업하는 기본 방법

Question

나는 ember-app-kit 프로젝트로 놀고 있었고 ES6 모듈과 CoffeeScript 키워드에 대해 몇 가지 문제가있었습니다.

제가 이야기 자바 스크립트의 예는 다음과 같습니다

import Resolver from 'resolver'; 

및

export default App; 

내가 "수출"과 "로 선을 탈출하여 커피 스크립트 컴파일러 오류를 우회 할 수 있었다 가져 오기 "를 사용합니다.

이 같은 JS를 탈출하는 방법에 혼란스러워지고 있었다 : 커피 스크립트와 ES6 모듈 작업의 바람직한 방법이 있는지

export default Ember.Component.extend({ 
    classNames: ['pretty-color'], 
    attributeBindings: ['style'], 
    style: function(){ 
    return 'color: ' + this.get('name') + ';'; 
    }.property('name') 
}); 

사람이 알고 있나요?

Answer 1

구성 요소를 var에 할당 한 다음이 var의 내보내기를 이스케이프 처리 할 수 ​​있습니다. 이와 같이 :

MyComponent = Ember.Component.extend 
    classNames: ['pretty-color'] 
    attributeBindings: ['style'] 
    style: (-> 
    "color: #{@get('name')};" 
).property('name') 

`export default MyComponent`