指定 gulp-inject 脚本类型

【问题标题】：Specify gulp-inject Script Type指定 gulp-inject 脚本类型
【发布时间】：2015-05-31 09:14:00
【问题描述】：

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

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

【问题讨论】：

【解决方案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>';
};

【讨论】：