babel-preset-vue2

Babel preset for vue@2.x


Keywords
babel-preset, vue
License
MIT
Install
npm install babel-preset-vue2@1.0.1

Documentation

babel-preset-vue2

针对 vue@2.x 的 Babel 预设

Version Downloads Commit Issues License

简体中文English

安装

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

特性

使用

// 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。

参数类型:ArrayBuilt-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