commonJS 및 es6 사양 도입 및 내보내기

이번에는 commonJS 및 es6 사양 도입 및 내보내기에 대해 알려드리겠습니다. commonJS 및 es6 사양 도입 및 내보내기에 대한 주의사항은 무엇인가요?

index.js 정의:

var info = { name = 'sisi' };

1.변수를 정의할 때, object변수 이름을 사용하지 마세요. 알 수 없는 오류가 발생할 수 있습니다.

2. 출력을 위해 {info} 내보내기를 사용하는 경우 import {info} from index.js 형식이어야 하며 중괄호는 생략할 수 없습니다.

3. 출력이 내보내기{info as vm}인 경우, 정보 인터페이스는 더 이상 가져오기에 사용할 수 없습니다. 즉,

import {vm} from index.js

4입니다. module.exports = info 정보를 도입할 때 import를 사용할 수도 있습니다.

import info from index.js

물론 이 경우에는

require

를 사용하는 것이 맞습니다. 출력에서 es6 내보내기를 사용하는 경우 위의 네 번째 항목입니다. 즉, {info}를 내보내거나 기본 정보를 내보내면 모듈에서 정보를 가져오기 위해 사용해야 하며 require는 작동하지 않습니다. 6. 내보내기 출력을 사용하는 경우 가져오기에는 {}가 있어야 합니다. 예를 들어 가져올 때는 데모.js

import {info} from index.js

를 사용해야 합니다.

var info = require('index.js');

는 사용할 수 없지만

export const str = 'sisi';
export function func(){
   console.log('sisi');
}

를 사용하는 경우에는 내보내기를 수행합니다. , 가져오기를 사용할 수 있습니다

import {str} from 'demo'; 或 import {str, func} from 'demo';

파일이나 모듈에는 내보내기 기본값이 하나만 있을 수 있기 때문입니다

export default const str = 'sisi';

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 다른 항목에 주의하세요. PHP 중국어 웹사이트에 관련 기사가 있습니다!

관련 읽기:

webpack3.x의 항목, 출력, 모듈 분석

Vue2 탭 전환 방법

위 내용은 commonJS 및 es6 사양 도입 및 내보내기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!