2017-01-25 28 views
1

Oracle Application Express(APEX)を使用してアプリケーションを構築していますので、Nodeは存在しません。プロダクションでBabelを使用する - スクリプトをプリコンパイルする方法

私は何らかの形で概念的に関連している2つの問題があります。

問題#1:

私はその機能の一部を使用するために私のすべてのページにReact.jsライブラリを用意しました。

JSXをJSに変換するためにbabelを使用しています。すべてうまくいきます。

しかし、私は私のコンソールでこの警告を取得し続ける:

You are using the in-browser Babel transformer. 
Be sure to precompile your scripts for production - https://babeljs.io/docs/setup/ 

私は私のスクリプトをプリコンパイルする必要があります知っているが、私はどのようには考えています。私はリンクを訪問し、それは私のすべてをもっと混乱させた。

問題#2:

私が持っている他の問題は、私はすべての私は別の.jsファイルに関連するコードを反応させてしまっていると私はこれを使って自分のページでそれが埋め込まれているということです"テキスト/バベル"にタイプを設定

<script src="someJSFile.js" type="text/babel"></script> 

は、この警告を発生させます:

Fetching scripts with an invalid type/language attributes is deprecated 
and will be removed in M56, around January 2017. 
See https://www.chromestatus.com/features/5760718284521472 for more details. 

この問題の回避策はありますか?

答えて

1

問題1:これはあなたが選んだものにリンクしています(下記の問題2を参照)。これまで選択したことは、ノード環境をproductionに設定できるようになります。これは、Reactを「プロダクション」モードにします。基本的に不要な(役立つ)開発メッセージとチェックをすべて取り除きます。

問題2: 1日の終わりにモジュールバンドラが必要になります。 Webpackは現時点ではgotoです。 Webpack Site

代替は、次のとおりです。

  • がぶ飲み+ Browserify
  • ロールアップ

編集:私はあなたが "どのノード" を言わなかった知っているが。ファイルをビルドするローカルマシンでのみ、ノード上で何かを実行する必要はありません。ノードはどのローカルマシンでも簡単にインストールできます

+0

ありがとうございました。私はまだ私のJSXをコンパイルする方法に問題があります。そして私はそれについてネット上に適切なチュートリアルを見つけることができません。 –

+0

フォローアップとして私はコンパイルを行っているbabelウェブサイトのこの部分を見つけました: https://babeljs.io/repl/ –

+0

リンク先は機能をテストするのに最適ですが、サイトが成長するにつれて(webpack、gulpなど)のモジュールバンドラに移動したいと思うでしょう。あなたが本当にすべての設定を取得し、ちょうどうまくいくものを望む気がなければ、jsx、babelなどをサポートするコードキットを試すことができます。それは有料のソリューションですが、何も設定する必要はありません – Chris

関連する問題