配置vue的jsx写法以及postcss

继续上一篇?https://www.cnblogs.com/chenyingying0/p/12798050.html

安装一些组件

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 没有报错即为成功

?

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!