关于ES6的打包编译，

Posted 2020-12-03 manu-yyj

首先npm给插件下载好

"@babel/core": "^7.0.0-beta.52",
"babel-loader": "^8.0.0-beta.0",
配置大概长这个样子，
然后大概配置的webpack.config.js长这个样子，

module.exports={
   entry:{
   app:‘./app.js‘
   },
   output:{
   filename:‘[name].[hash:8].js‘
       },
        module:{
            rules:[
                {
                    test:‘/.js$/‘,
                    use:{
                        loader:‘babel-loader‘,
                        options:{
                        presets:[‘@babel/preset-env‘,{
                        targets:{
                        browsers:[‘>1%‘,‘last 2 versions‘]
                        }
                        }]
                        }
                    },
                    exclude:‘/node_module/‘
                }
            ]

        }
};

use里面的配置是根据插件的需求配置的，其他的是些基本配置。

这种方式不错但是，用 babel-polyfill更简单一些， import ‘babel-polyfill‘ 在需要打包的es6头文件中就行了。

用的webpack3.10.0.可以根据自己所看资料选择版本并不是越高越好，现在只是学习阶段。