在vue安装jsx依赖包实现支持jsx语法

小子逆袭

于 2019-03-08 16:09:04 发布

阅读量5.8k

点赞数 2

分类专栏： vue 文章标签： js

本文链接：https://blog.youkuaiyun.com/m0_37273490/article/details/88353232

版权

1、首先安装依赖：

npm install postcss-loader autoprefixer babel-loader babel-core

2、在 .babelrc文件中修改：

把

"presets": ["env", "stage-2"],
"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]

替换为：

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

如下图：

然后在代码render函数中就可以这样写了 注意：render函数的参数 createElement 要用 h代替，一定要是h，要不就会报错的，这是jsx语法规定的写法

render: function (h) {
        // return createElement('h1',{