@vue/cli-plugin-typescript README

翻译 @vue/cli-plugin-typescript README， 原 README

vue-cli 的 typescript 插件

使用 TypeScript + ts-loader + fork-ts-checker-webpack-plugin 进行更快的非线程类型检查。

配置

Typescript 能够使用 tsconfig.json 配置。

自从 3.0.0-rc.6 之后，typescript 现在是这个插件的同级依赖，所以你可以通过更新你的项目中 package.json 来使用特定的版本的 TypeScript。

这个插件可以和 @vue/cli-plugin-babel 一起使用。当使用 Babel 时，这个插件将输出 ES2015，将其他工作委托给 Babel 来做 -- 针对目标浏览器自动 polyfill。

命令注入

如果创建项目时选择使用 TSLint，vue-cli-service lint 将被注入。

缓存

cache-loader 是默认启用的，缓存放在 <projectRoot>/node_modules/.cache/ts-loader。

并行

当机器 CPU 核心超过1个时，thread-loader 是默认启用的。它能够通过在 vue.config.js 中的 parallel: false 设置来关闭。

在已经创建的项目中安装

vue add typescript

注入到 webpack-chain 的规则

  • config.rule('ts')
  • config.rule('ts').use('ts-loader')
  • config.rule('ts').use('babel-loader') (当和 @vue/cli-plugin-babel 一起使用时)
  • config.rule('ts').use('cache-loader')
  • config.plugin('fork-ts-checker')