安装
npm install --save-dev babel-loader @babel/core @babel/preset-env webpack
使用
-
安装上面所示的插件,其中babel-loader是webpack的loader,用于打包时处理js文件,@babel/core是babel的核心功能,@babel/preset-env是babel预置的一系列转换ECMAScript2015+的插件。但是有可能不会把你代码中用到的所有特性都进行转译,这是可以通过@babel/polyfill来自动添加转义需要的功能。
npm install --save-dev @babel/polyfill
-
修改webpack的配置文件
moodule: [ rules: [ { test: /\.m?js$/, exclude: /(node_modules)|(bower_components)/, use: { loader: 'babel-loader', options: { presets: ['@babel-env'] } } } ]