1

babel によってトランスパイルされたインポート/エクスポート es6 モジュールの単純なモジュール ロードを探しています。

  • ブラウザーで使用するためのインポート/エクスポート モジュールを含む es6 ソース ファイルから開始します。
  • これを、babel を使用して es5 に静的にトランスパイルし、config で最もロードしやすいモジュール変換 (amd、commonjs、systemjs) を指定します。
  • モジュールやその他の複雑なワークフローに npm を使用しないでください。ただbabelトランスパイルされたファイル。
  • これらの es5 ファイルをモジュールと共に<script>ロードし、babel トランスパイルが es6 モジュールのロードに使用したライブラリをロードします。

browserify、webpack、jspmなどを避けたいのですが、es6-> es5を単純にトランスパイルし、ライブラリbabelコンパイルモジュールを使用するだけです。同梱はいらないです。ここでは、単純で基本的な JavaScript について説明します。

これは可能ですか？もしそうなら、どのように？

私が見たすべてのモジュール読み込みの議論は、複雑なワークフローを使用していて、私には不必要だと思われます。一連のファイルで es6 のインポート/エクスポートを単純に使用し、それらをブラウザでできるだけ単純に使用したいと考えています。

4

2 に答える 2

1

Guy Bedford が SystemJS Google グループでこれに答えました: https://groups.google.com/forum/?hl=en#!topic/systemjs/a7vB2YmdXp8

これは私がチームに行った講演です。詳細は最後にあります: http://backspaces.net/temp/Modules.pdf

短いバージョンは次のとおりです: babel-plugin-transform-es2015-modules-systemjs を持つように babel を構成し、さらに es6 機能 (Chrome は 91% 完成) が必要でない限り、この変換だけで babel を介してモジュールを実行し、html を用意します。含む：

<script src="system.js"></script>
and
<script>
  System.import('lib/main'); 
</script>

webpack、npm/browserify、jspm、バンドルなど、(あまりにも) 多くのモジュール ワークフローはありません。

于 2016-01-05T17:15:39.743 に答える
-1

babel-cliを使用して、やりたいことができるようです。のようなものかもしれませんbabel src --out-dir lib。

于 2015-12-16T05:02:17.500 に答える