vue.js 使用jsx语法

1、创建一个测试的组件

export default {
  name:'Test',
  components:{

  },
  render(h){
    return <div>
      test
    </div>

  },
  data () {
    return {

    }
  }
}

2、把编辑器js语言的版本设置成jsx，这样编辑器 可以正确识别jsx语法

3、安装npm依赖

  babel-plugin-syntax-jsx\
  babel-plugin-transform-vue-jsx\
  babel-helper-vue-jsx-merge-props\

4、修改 .babelrc

{  "presets": ["es2015"],  "plugins": ["transform-vue-jsx"]
}

我是下载的vux的模板，修改之后顺利打包jsx格式的文件