어떻게 ES6 모듈로 bower 패키지에 액세스 할 수 있습니까?

Question

엠버 앱을 마이 그 레이션하여 ember app-kit을 사용하려고합니다. 이 코드에는 accounting.js 라이브러리가 필요합니다. 응용 프로그램 키트 버전에서 전역 네임 스페이스

App.MoneyField= Em.TextField.extend({ 
    init: function() { 
    this._super(); 
    var value = accounting.formatMoney(this.get("money")/100, ''); 
    this.set('value', value); 
    }; 
    // other functions omitted 
}); 

을 통해 사전 앱 키트 버전에서 파일이 index.html

<script src="http://cdnjs.cloudflare.com/ajax/libs/accounting.js/0.3.2/accounting.min.js"></script> 

에 스크립트 태그를 통해로드와보기에 액세스, 내가 ' bower 종속성으로 accounting.js을 포함 시켰습니다. bower.json에서 :

{ 
    "name": "ember-app-kit", 
    "dependencies": { 
    "handlebars": "~1.1.2", 
    "jquery": "~1.9.1", 
    "qunit": "~1.12.0", 
    "ember": "~1.4.0-beta.2", 
    "ember-data": "~1.0.0-beta.6", 
    "ember-resolver": "git://github.com/stefanpenner/ember-jj-abrams-resolver.git#master", 
    "ic-ajax": "~0.3.0", 
    "ember-testing-httpRespond": "~0.1.1", 
    "accounting":"~0.3.2" 
    }, 
    "resolutions": { 
    "ember": "~1.4.0-beta.2" 
    } 
} 

내가 응용 프로그램을 빌드하려고, 그것은 오류

W117: 'accounting' is not defined. 

나는이 이유를 이해하고 내가 import accounting from ... 문의 일종을 필요로 알고에게 제공합니다.

bower를 통해 설치된 패키지를 ES6 모듈로 가져 오는 방법은 무엇입니까?

Answer 1

나는 몇 달 전에이 질문을 받았지만 그 이후로 Ember App Kit는 ember-cli에 이어졌으며 이는 bower 또는 npm 종속성에 액세스하는 매우 직접적인 방법을 제공합니다. ES6 모듈로 액세스되는 관련하여

• Non-AMD asset
• AMD asset

:

• 비 AMD 자산은 ES6 모듈로 액세스 할 수 없습니다, 당신은 단순히 통해 액세스 내보내기하는 전역 변수.
  • moment
• AMD 자산 한편, ES6 import 구문
  • 예를 통해 액세스 할 수있는

  ---

  가치도 언급

import { raw as icAjaxRaw } from 'ic-ajax';, 그 엠버 - CLI는 프로젝트의 package.json에 추가로 간단하게이 일을 가져올 수있는, 지금은 추가 기능 시스템을 지원합니다. 가장 인기있는 라이브러리 중 일부는 이미 ember-cli 애드온을 가지고 있습니다. This post은 나만의 글을 쓸 수있는 방법을 설명합니다.