Reactjs 指定gulp注入脚本类型

Reactjs 指定gulp注入脚本类型,reactjs,gulp,react-jsx,gulp-inject,Reactjs,Gulp,React Jsx,Gulp Inject,我将JSX与React一起使用。在开发模式下工作时,是否可以指定注入脚本的类型以使用浏览器中的JSX transformer <!-- inject:js --> <script type="text/jsx" src="js/components/Component.js"></script> <!-- endinject --> GulpInject认为JSX与JavaScript是不同的类型。如果将文件后缀更改为.jsx,并使用开始标记in

我将JSX与React一起使用。在开发模式下工作时,是否可以指定注入脚本的类型以使用浏览器中的JSX transformer

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

GulpInject认为JSX与JavaScript是不同的类型。如果将文件后缀更改为
.jsx
,并使用开始标记
inject:jsx
而不是
inject:js
,则输出包含
type=“text/jsx”
属性

另一个选项(如果需要保留
.js
后缀)是覆盖默认转换函数:

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

inject.transform.html.js = function (path) {
  return '<script type="text/jsx" src="'+path+'"></script>';
};
var inject=require('gulp-inject');
inject.transform.html.js=函数(路径){
返回“”;
};