ホームページ > 記事 > ウェブフロントエンド > commonJS および es6 仕様の導入とエクスポート
今回は commonJS と es6 仕様の導入とエクスポートについてお届けします。 commonJS と es6 仕様の導入とエクスポートに関する 注意点 について、実際の事例を見てみましょう。
index.js の定義:
var info = { name = 'sisi' };
1.変数を定義するとき、不明なエラーが発生する可能性があるため、オブジェクト変数名を使用しないでください。
2. 出力にexport {info}を使用する場合、インポートはindex.jsからのimport {info}の形式である必要があり、中括弧は省略できません。
3. 出力が export{info as vm} の形式の場合、info インターフェースはインポートに使用できなくなります。つまり、
import {vm} from index.js
4。 uses module.exports = info info を導入する場合、
import info from index.js
は使用できません
import {info} from index.js
もちろん、この場合は require を使用するのが正しいです。上の 4 番目の項目 (出力で es6 のエクスポートを使用する場合)。つまり、{info} をエクスポートするか、デフォルトの情報をエクスポートする場合、モジュールはインポートを使用して情報を導入する必要があり、require は機能しません。
6. エクスポート出力を使用する場合、インポートには {} が必要です。たとえば、インポートする場合は、demo.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';
export default const str = 'sisi';
ファイルまたはモジュールにはエクスポートのデフォルトが 1 つしか存在できないためです
import str from 'demo';
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトです!
関連読書:
webpack3.xのエントリ、出力、モジュール解析Vue2のタブ切り替え方法以上がcommonJS および es6 仕様の導入とエクスポートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。