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