solidjs分为编译时和运行时,编译时实现是babel的插件。具体实现是babel-plugin-jsx-dom-expressions,solid库中packages里的引用的就是上面的包。
babel-plugin-jsx-dom-expressions这款babel插件能将jsx转化成js代码。
搭建环境
- 下载github.com/ryansolid/b…
- npm安装依赖
- 根目录运行npm run build,打包插件代码,输出文件到lib/plugin.js
- 根目录新建.babelrc,指定打包文件为babel的插件
{
"plugins": ["./lib/plugin.js"]
}
- 在根目录创建测试用例目录,比如创建文件jsx/index.jsx
-
在package.json的scripts增加命令 "test": "babel jsx -d dist";运行npm run test就可以在dist目录查看编译后的js代码
问题
- Babel command not found
安装"@babel/cli": "^7.22.5"。7以上版本是@babel/cli,老版本为babel-cli