使用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/
            }
        ]
    },

 

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