«es6-modules» 태그된 질문

ECMAScript 6 (2015)에 도입 된 JavaScript 용 표준 모듈 시스템입니다.

1
Javascript에서 기본 가져 오기의 별칭을 어떻게 지정할 수 있습니까?
ES6 모듈을 사용하면 명명 된 가져 오기의 별칭을 지정할 수 있다는 것을 알고 있습니다. import { foo as bar } from 'my-module'; 기본 가져 오기를 가져올 수 있다는 것을 알고 있습니다 import defaultMember from 'my-module'; 기본 가져 오기의 별칭을 지정하고 다음과 같이 작동한다고 생각했습니다. import defaultMember as alias from 'my-module'; …

1
NodeJS는 가져 오기 / 내보내기 es6 (es2015) 모듈을 지원할 계획입니다
나는 이것에 대한 명확한 대답없이 인터넷을 통해 찾고 있습니다. 현재 NodeJS는 CommonJS 구문 만 사용하여 모듈을로드하며, 표준 ES2015 모듈 구문을 실제로 사용하려면 미리 변환하거나 런타임에 외부 모듈 로더를 사용해야합니다. 현재 두 가지 방법 중 하나를 사용하기에 너무 긍정적이지 않습니다. NodeJS 관리자는 ES2015 모듈을 지원할 계획이 있습니까? 나는 이것에 대한 힌트를 …

13
와일드 카드를 사용하여 디렉토리의 모든 파일에서 모듈을 가져올 수 있습니까?
ES6을 사용하면 다음과 같은 파일에서 여러 내보내기를 가져올 수 있습니다. import {ThingA, ThingB, ThingC} from 'lib/things'; 그러나 파일 당 하나의 모듈을 갖는 것이 좋습니다. 나는 다음과 같은 수입품으로 끝납니다. import ThingA from 'lib/things/ThingA'; import ThingB from 'lib/things/ThingB'; import ThingC from 'lib/things/ThingC'; 나는 이것을 할 수 있기를 바랍니다. import {ThingA, ThingB, …

6
ES6의`export const`와`export default '
나는 다음을 export default수행 하여 가져올 수있는 것 외에이 둘 사이에 큰 차이점이 있는지 확인하려고합니다 . import myItem from 'myItem'; 그리고 export const내가 할 수있는 일 : import { myItem } from 'myItem'; 이 이외의 차이점 및 / 또는 사용 사례가 있는지 궁금합니다.






4
"… 모듈이 아닌 엔티티로 해석되고이 구성을 사용하여 가져올 수 없음"은 무엇을 의미합니까?
TypeScript 파일이 있습니다. MyClass.ts class MyClass { constructor() { } } export = MyClass; MyFunc.ts function fn() { return 0; } export = fn; MyConsumer.ts import * as MC from './MyClass'; import * as fn from './MyFunc'; fn(); 이것은 사용하려고 할 때 오류가 발생합니다. new "MyClass"모듈은 비 모듈 엔티티로 해석되며이 …

6
Firefox에서 ES2015 가져 오기가 작동하지 않음 (최상위 수준에서도)
다음은 내 샘플 파일입니다. <!DOCTYPE html> <html> <head> <title>Test</title> <script src="t1.js"></script> </head> <body></body> </html> t1.js : import Test from 't2.js'; t2.js : export const Test = console.log("Hello world"); Firefox 46에서 페이지를로드 할 때 "SyntaxError : import 선언은 모듈의 최상위 수준에서만 나타날 수 있습니다."를 반환하지만 import 문이 여기에 얼마나 더 많은 …

4
브라우저의 ES6 모듈 : Uncaught SyntaxError : Unexpected token import
나는 새로운 해요 ES6 (ECMAScript를 6), 그리고 나는 그것의 사용하고자하는 모듈 시스템을 브라우저에서. ES6이 Firefox와 Chrome에서 지원된다는 것을 읽었지만 다음을 사용하여 다음 오류가 발생합니다.export Uncaught SyntaxError: Unexpected token import test.html 파일이 있습니다. <html> <script src="test.js"></script> <body> </body> </html> 및 test.js 파일 'use strict'; class Test { static hello() { console.log("hello …

4
--harmony_modules 옵션을 사용하여 노드 v6.0.0에서 ES2015 "가져 오기"가 작동하지 않음
노드 v6.0.0을 사용하고 있으며 ES2016 (ES6)을 사용하고 싶었습니다. 그러나 "가져 오기"구문이 작동하지 않는다는 것을 깨달았습니다. ES2015에서 모듈 코드를 작성하기 위해 "가져 오기"가 기본이 아닙니까? --harmony_modules옵션으로 노드를 실행하려고했지만 "가져 오기"에 대해 동일한 오류가 발생했습니다. 여기에 코드가 있습니다. "가져 오기"가없는 작업 코드 : 'use strict'; let sum = 0; class Number { …

2
하나의 NPM 패키지에서 여러 ES6 모듈을 내보내는 방법
하나의 파일에 대략 5 개의 서로 다른 ES6 클래스로 구성된 비교적 작은 NPM 패키지를 만들었습니다. export default class MyClass { // ... } 그런 다음 다음과 같은 패키지의 시작점을 설정했습니다. export { default as MyClass } from './my-class.js'; export { default as MyOtherClass } from './my-other-class.js'; 그런 다음 webpack과 babel을 …

5
공유 구성 요소 라이브러리 우수 사례
공유 가능한 React 구성 요소 라이브러리를 작성 중입니다. 라이브러리에는 많은 구성 요소가 포함되어 있지만 최종 사용자는 몇 가지 구성 요소 만 사용해야합니다. 당신이 웹팩 (또는 소포 또는 롤업)와 코드를 묶을 때 그것은 하나 개의 단일 파일 생성 모든 코드를 . 성능상의 이유로 실제로 사용하지 않는 한 브라우저에서 해당 코드를 모두 …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.