使用jsx-transform-loader实现与React解耦的JSX转换
jsx-transform-loader是一个用于Webpack的JSX转换加载器，特别适用于希望将JSX与React解耦的场景。配置此加载器非常简单，在webpack配置中指定： { ..., loader: 'jsx-transform-loader' }。此加载器仅处理文件顶部包含 /** @jsx DOM */ 的文档块的文件，例如：
/** @jsx react.createElement */
var profile = ![]()
{[user.firstName, user.lastName].join(' ')}
;
这段JSX代码会被转换为原生JS代码：
var profile = react.createElement('div', null, [react.createElement('img', { xss: 'removed' }), react.createElement('h3', null, [user.firstName, user.lastName].join(' '))]);
这种转换方式为JSX的使用提供了更大的灵活性，使项目在渲染库上不再依赖于React。
文件大小：2.34KB
评论区