1分钟学会配置webpacke es6转换、解析class、解析装饰器

第一步：

yarn add babel-loader @babel/core @babel/preset-env -D 
yarn add @babel/plugin-proposal-class-properties -D
yarn add @babel/plugin-proposal-decorators -D

第二步：
配置webpack

 module: {
        rules: [//loader 有顺序 从右向左 从下到上
            {
                test: /\.js/,
                use: {
                    loader:'babel-loader',
                    options: {
                        presets: [
                            '@babel/preset-env'
                        ],
                        plugins: [
                            ['@babel/plugin-proposal-decorators',{"legacy":true}],
                            ['@babel/plugin-proposal-class-properties',{"loose": true}]
                        ]
                    }
                }
            },
            ...

完事儿了