babel-preset-vue2

针对 [email protected] 的 Babel 预设

简体中文  English 

安装

npm i babel-preset-vue2 -D
# or
yarn add babel-preset-vue2 --dev

特性

• 支持最新的 ECMAScript 语法，集成最新的 [email protected]（@babel/preset-env）
• 支持动态导入语法（参考链接1、参考链接2）
• 支持 Vue JSX 语法（参考链接）
• 默认添加对 es6.array.iterator、es6.promise 和 es7.promise.finally 的 Polyfills（参考链接）

使用

// babel.config.js

module.exports = {
  presets: [
    "babel-preset-vue2"
  ]
}

// webpack.config.js

{
  test: /\.js$/,
  use: {
    loader: "babel-loader"
  },
  exclude(file) {
    return /node_modules/.test(file) && !/\.vue\.js/.test(file);
  }
}

参数

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

module.exports = {
  "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"
          ]
        }
      }
    ]
  ]
}

License

MIT