reactjs - 指定 gulp-inject 脚本类型

Question

我正在将 JSX 与 React 一起使用。是否可以指定注入脚本的类型以便在开发模式下工作时使用浏览器内的 JSX 转换器？

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

Answer 1

gulp-inject 认为 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>';
};