如何写一个jsx的babel插件？

Question

var babel = require('babel-core');
var t = require('babel-types');

const visitor = {}

visitor.JSXElement = function(path) {
    ...
}

module.exports = function(babel) {
    return {
        visitor
    };
}

var babel = require('babel-core');

const result = babel.transform("<div>234</div>",{
  plugins:[
     require("./babel-jsx")
  ]
});

但是运行的时候报错。大概是没法识别<div>234</div>?

Answer 1

你visitor里面写的啥啊

Answer 2

需要react的jsx

const result = babel.transform("<div>234</div>",{
  presets: ['react'],
  plugins:[
     require("./babel-jsx")
  ]
});