babel-preset-vue2
针对 vue@2.x 的 Babel 预设
安装
npm i babel-preset-vue2 -D
# or
yarn add babel-preset-vue2 --dev
特性
- 支持最新的 ECMAScript 语法,集成最新的 Babel@7.x(@babel/preset-env)
- 支持动态导入语法(参考链接1、参考链接2)
- 支持 Vue JSX 语法(参考链接)
- 默认添加对 es6.array.iterator、es6.promise 和 es7.promise.finally 的 Polyfills(参考链接)
使用
// babel.config.js moduleexports = presets: "babel-preset-vue2"
// webpack.config.js test: /\.js$/ use: loader: "babel-loader" { return /node_modules/ && !/\.vue\.js/; }
参数
jsx
是否支持 Vue JSX 语法。
参数类型:Boolean
默认值:true
polyfills
导入到项目入口文件中的 Polyfill。
参数类型:Array
(Built-ins)
默认值:
"es6.array.iterator" "es6.promise" "es7.promise.finally"
envOptions
@babel/preset-env
的参数,参考链接
参数类型:Object
默认值:
"useBuiltIns": "usage" "exclude": polyfills
示例
// babel.config.js moduleexports = "presets": "babel-preset-vue2" "jsx": true "polyfills": "es6.array.iterator" "es6.promise" "es7.promise.finally" "envOptions": "debug": true "targets": "> 1%" "last 2 versions" "ie >=9"