babel - es6解析

安装组件

cnpm i @babel/core @babel/preset-env babel-loader -D

webpack.config.js

 module:{
        rules:[
            {
                test:/.js$/,
                use:'babel-loader'
            }
        ]
    }

新建.babelrc文件

{
    "presets": [//多个插件的集合
        "@babel/preset-env"  //解析es6语法
    ],
    "plugins": [ //一个插件对应一个功能
        
    ]
}

删除文件夹

rm -rf dist

解析react语法

cnpm i react react-dom @babel/preset-react -D

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-react" //解析react语法
    ]
}