知道吗?vue也可以用jsx

2018-11-14  本文已影响0人  十九楼的清风

今天晚上在学习的时候,发现原来不光是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

来编写.babelrc文件

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

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

安装一下a peer of 的依赖

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

上一篇下一篇

猜你喜欢

热点阅读