使用webpack将es6 es7转换成es2015

第一步：安装模块化包

cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react

 

第二步：安装成功后，在webpack.config.js文件找到module 然后在rules里面添加一个新的规则 代码如下

module: {
        rules:[
            //下面这部分是新添加的
            {
                test:/\.(jsx|js)/,
                use:{
                    loader: 'babel-loader',
                    options:{
                        presets:[
                            "es2015","react"
                        ]
                    }
                },
                exclude: /node_modules/
            }
        ]
    },

 

然后打包一下，就可以看到效果了。

 

转载于:https://www.cnblogs.com/Mrrabbit/p/9579627.html