指定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>';
};