想在vue-cli 使用esbuild？

• https://github.com/privatenumber/esbuild-loader/issues/61
• https://segmentfault.com/a/1190000041455457
• https://www.tcdw.net/post/enable-esbuild-in-vue-cli-project/

上述两个方案在没有jsx之前是可以的，有了jsx报错：React is not defined: https://github.com/privatenumber/esbuild-loader/issues/204

• https://github.com/privatenumber/esbuild-loader/pull/235
• https://github.com/alibaba/ice/issues/4831

结合以上问题来看，暂时没有办法解决，得出结论：vue-cli项目不兼容esbuild构建

// 使用 esbuild 编译 js 文件
const rule = config.module.rule('js');

• https://esbuild.github.io/content-types/#jsx
• 新的思路是，有可能通过jsx配置到：https://esbuild.github.io/content-types/#using-jsx-without-react
• https://www.npmjs.com/package/vue-jsx-factory
• 可惜这个库不好使，源码利用的组合api了。
• 尝试用了factory: 'h'之后确实不报错了，可惜嵌套的vue组件渲染不出来，对比了下生成的代码，发现并不仅仅是h函数的问题了，babel_helper的转义做了很多功夫

rule.use('esbuild-loader').loader('esbuild-loader').options({    loader: 'jsx',    jsxFactory: 'h', // 虽然不报错了，但仍不认识jsx里导入的组件    target: 'es2015'})

小结

anyway，不挣扎了，只有jsx-vue2才能满足嵌套的jsx类型vue组件问题：https://github.com/vuejs/jsx-vue2 回到原地。

参考

https://zhuanlan.zhihu.com/p/379164359
这里表明作者未来也不会支持vue了