知道吗?vue也可以用jsx

今天晚上在学习的时候,发现原来不光是react可以使用jsx,vue也可以配置jsx写法,下面我们来看看怎么正确的来配置一个vue的jsx。

首先,我们需要来安装

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

需要创建2个文件,.babelrc,postcss.config.js,两个文件,一个给babel使用,一个是个postcss用的。

下面我们来写postcss.config.js

知道吗?vue也可以用jsx_第1张图片

来编写.babelrc文件

知道吗?vue也可以用jsx_第2张图片

接下来,我们到webpack.config.js(这个webpack的配置可以从我的github中看到,仓库的vue-ssr项目中)(github地址:https://github.com/James-Chann/vue-ssr)中找到。

知道吗?vue也可以用jsx_第3张图片

接下来,我们还需要给我们的styl加一个对象

知道吗?vue也可以用jsx_第4张图片

安装一下a peer of 的依赖

这样我们就可以在项目里使用jsx了。

你可能感兴趣的:(知道吗?vue也可以用jsx)