리뷰나라

하나를 다른 것보다 사용하면 성능상의 이점이 있습니까?

현재 브라우저 엔진 import/export이 ES6 표준을 구현하지 않기 때문에 현재 답변은 아니요 입니다.

일부 비교 차트 http://kangax.github.io/compat-table/es6/ 는 이것을 고려하지 않으므로 Chrome의 거의 모든 녹색을 볼 때 조심하십시오. importES6의 키워드는 고려되지 않았습니다.

즉, V8을 포함한 현재 브라우저 엔진은 JavaScript 지시문을 통해 기본 JavaScript 파일 에서 새 JavaScript 파일 을 가져올 수 없습니다 .

( V8이 ES6 사양에 따라 구현할 때까지 몇 년이지나거나 몇 년이 걸릴 수 있습니다.)

이 문서 는 우리가 필요 로하는 것이며이 문서 는 우리가 준수해야 할 것입니다.

그리고 ES6 표준에 따르면, .h파일 헤더가있는 프로그래밍 언어 C 에서처럼 모듈을 읽기 전에 모듈 종속성이 있어야한다고 합니다.

이것은 훌륭하고 잘 테스트 된 구조이며 ES6 표준을 만든 전문가가이를 염두에두고 있다고 확신합니다.

이것은 특별한 경우에 Webpack 또는 다른 패키지 번 들러가 번들을 최적화하고 필요하지 않은 번들의 종속성을 줄 이도록하는 것입니다. 그러나 우리가 완벽한 의존성을 가진 경우에는 결코 일어나지 않을 것입니다.

import/export기본 지원이 시작될 때까지 약간의 시간이 필요 하며 require키워드는 오랫동안 아무 데나 가지 않습니다.

무엇입니까 require?

이것은 node.js모듈을로드하는 방법입니다. ( https://github.com/nodejs/node )

노드는 시스템 레벨 방법을 사용하여 파일을 읽습니다. 당신은 기본적으로 그것을 사용할 때 그것에 의존합니다 require. JavaScript 파일 / 모듈을로드하기 위해 (종료 시스템, Linux, Mac, Windows에 따라) require와 같은 일부 시스템 호출로 uv_fs_open끝납니다.

이것이 사실인지 확인하려면 Babel.js를 사용하십시오. 그러면 import키워드가로 변환됩니다 require.

답변

import { somePart } 'of/a/package';

{
  "presets": [
    ["es2015", { modules: false }],
  ]
}

const module = await import('./module.js');

const converter = require('./converter');