25

ES6 モジュールを連結するにはどうすればよいですか?

var foo = 2; // This would normally be scoped to the module.
export function Bar() {}

// ...concatenate...

import { Bar } from 'javascripts/bar' //This file no longer exists in the concatenated scenario.
export function Bam() {}
4

2 に答える 2

6

更新 2020-09-02: Esperanto は少し前にRollupに置き換えられましたが、この問題に対する優れた選択肢です。必要に応じて、Webpackも適切な選択となる場合があります。

内部で ES6 モジュールを使用しない単一の JavaScript ファイルを作成して、今日のブラウザー/ノードで使用できるようにする場合は、Esperantoを使用することをお勧めします(完全な開示、私はプロジェクトのメンテナーです)。 . これにより、browserify や webpack などを使用するようなローダーを使用せずに、すべてのファイルを連結するバンドルを作成できます。これにより、通常、コードが小さくなり (ローダーなし)、デッド コードの除去が向上し (Google Closure Compiler や UglifyJS などのミニファイアを使用する場合)、JS インタープリターが結果をより最適化できるため、パフォーマンスが向上します。

以下に使用例を示しますが、エスペラントをワークフローに統合するためのツールがたくさんあることに注意してください:

var fs = require( 'fs' );
var esperanto = require( 'esperanto' );

esperanto.bundle({
  base: 'src', // optional, defaults to current dir
  entry: 'mean.js' // the '.js' is optional
}).then( function ( bundle ) {
  var cjs = bundle.toCjs();
  fs.writeFile( 'dist/mean.js', cjs.code );
});

この例は、 ES6 モジュールのバンドルに関する wiki ページから取られています。

于 2015-03-04T17:01:06.367 に答える