调试Solidjs编译器

116 阅读1分钟

solidjs分为编译时和运行时,编译时实现是babel的插件。具体实现是babel-plugin-jsx-dom-expressions,solid库中packages里的引用的就是上面的包。

babel-plugin-jsx-dom-expressions这款babel插件能将jsx转化成js代码。

搭建环境

  1. 下载github.com/ryansolid/b…
  2. npm安装依赖
  3. 根目录运行npm run build,打包插件代码,输出文件到lib/plugin.js
  4. 根目录新建.babelrc,指定打包文件为babel的插件
{
  "plugins": ["./lib/plugin.js"]
}
  1. 在根目录创建测试用例目录,比如创建文件jsx/index.jsx

  1. 在package.json的scripts增加命令 "test": "babel jsx -d dist";运行npm run test就可以在dist目录查看编译后的js代码

问题

  1. Babel command not found

安装"@babel/cli": "^7.22.5"。7以上版本是@babel/cli,老版本为babel-cli