首先npm給插件下載好node
"@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裏面的配置是根據插件的需求配置的,其餘的是些基本配置。webpack
這種方式不錯可是,用 babel-polyfill更簡單一些, import 'babel-polyfill' 在須要打包的es6頭文件中就好了。es6
用的webpack3.10.0.能夠根據本身所看資料選擇版本並非越高越好,如今只是學習階段。web