vue中css写法_配置vue的jsx写法以及postcss

继续上一篇

安装一些组件

cnpm i postcss-loader autoprefixer babel-loader babel-core

提示缺少依赖，安装便是 cnpm i @babel/core@^7.0.0

创建两个文件 .babelrc  和  postcss.config.js

.babelrc

{

"presets":[

"env"

],

"plugins":[

"transform-vue-jsx"

]

}

postcss.config.js

const autoprefixer = require('autoprefixer')

module.exports = {

plugins: [

autoprefixer()

],

};

安装插件 cnpm i babel-preset-env babel-plugin-transform-vue-jsx

在webpack.config.js中添加相关配置

npm run dev 没有报错即为成功

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！