バベルを使用してコンパイルされたアウトファイルの重複宣言

Question

Babelを使用して2つのES6ファイルを1つのES5出力ファイルにコンパイルしようとしています。

var _createClass = function() { ... } 

と

ここ

Object.defineProperty(exports, '__esModule', {value: true}); 

ファイルは、次のとおりです：

はFile1（./ec6/ec6Class.js）

export class MyClass { 
    constructor(dep1, dep2) { 

    } 

    foo() { 
     console.log('foo') 
    } 
} 

結果のファイルは以下のように重複して宣言を含むように思われます

ファイル2（./ec6/ec6Class2.js）

import MyClass from './ec6Class'; 

export class MyClass2 extends MyClass { 
    constructor(dep1, dep2) { 
     super(dep1, dep2) 
    } 

    bar() { 
     console.log('bar') 
    } 
} 

マイバベルCLIコマンドは次のとおりです。

babel src/client/ec6 --out-file script-compiled.js 

どのように私はバベルインフラストラクチャの単一の宣言を持つ単一のファイルへの2つのファイルをコンパイルするには？重複した宣言が望ましい動作ではありません。

Answer 1

Babelにはsrc/client/ec6で見つかるすべてのファイルをコンパイルするように言われていますが、あなたが望むのは1つのエントリポイントです（実際にはそれがあります）。 Babelはec6Class.jsを一度コンパイルします。これはec6Class2.jsでインポートされているため、そのディレクトリ内のファイルなのでもう一度コンパイルします。

は、私があまりにも速く答え申し訳

babel src/client/ec6/ec6Class2.js --out-file script-compiled.js

EDIT
で試してみてください。実際、Babelは、javascriptファイルを最先端のESからより互換性のあるものに単純に変換することを目的としています。あなたが必要とするのは、Webpackと組み合わせて、複数のjavascriptファイルを1つにパックするツールです（それを縮小することもできます）。

コマンドラインからWebpackを使用して、Babelを使用してファイルを最初にトランスファイルするように指示できます。良いスタートガイドについては、Webpack — The Confusing PartsをMediumで読むことができます。