reactjs - gulp-inject スクリプトタイプの指定

Question

ReactでJSXを使用しています。開発モードで作業中にブラウザ内 JSX トランスフォーマを使用するために、注入されたスクリプトのタイプを指定することは可能ですか?

<!-- inject:js -->
<script type="text/jsx" src="js/components/Component.js"></script>
<!-- endinject -->

score 2 · Accepted Answer

gulp-inject は、JSX を JavaScript とは異なるタイプと見なします。ファイル接尾辞をに変更し、の代わりに.jsx開始タグを使用すると、出力に属性が含まれます。inject:jsxinject:jstype="text/jsx"

別のオプション (サフィックスを保持する必要がある場合.js) は、デフォルトの変換関数をオーバーライドすることです。

var inject = require('gulp-inject');

inject.transform.html.js = function (path) {
  return '<script type="text/jsx" src="'+path+'"></script>';
};

reactjs - gulp-inject スクリプト タイプの指定