安裝babel-loade
npm install -sava babel-loader
處理非javascript文件
npm install -D babel-core
提供一系列api供babel使用
npm install -D babel-preset-env
使用哪種轉(zhuǎn)碼格式進(jìn)行處理
配置babel規(guī)則,在package.json中配置
package.json猪杭。在package.json文件中增加一個(gè)“babel"屬性
"babel":{ "presets": ["env"] }
在vue的config中配置model
module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, loader: 'babel-loader' } ]}
新建.babelrc配置文件
轉(zhuǎn)換新的api,用到polyfil
npm install --save babel-polyfill
module.exports = {entry: ["babel-polyfill", "./app/js"]};
缺陷
babel不能完成轉(zhuǎn)換es6為es5,之前遇到過(guò)數(shù)組的concat無(wú)法轉(zhuǎn)換的問(wèn)題