webpack解决方法IE兼容方法和处理打包ES6转ES5的问题处理

1、在根目录下新建.babelrc文件 文件内容如下

{ "presets": ["es2015"] }

2、安装babel-parset-es2015

cnpm install babel-preset-es2015 --save-dev

修改build/webpack.base.conf.js 文件

加presets: ['es2015']

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }

 

解决方法

第一步： 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法

cnpm install --save babel-polyfill

第二步： 在 Webpack/Browserify/Node中使用

在webpack.config.js文件中，使用

在webpack.config.js文件中，使用
module.exports = {
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  }
};
替换
module.exports = {
  entry: {
    app:  './src/main.js'
  }
}