Skip to content
This repository has been archived by the owner on Jan 5, 2022. It is now read-only.

Latest commit

 

History

History
executable file
·
41 lines (24 loc) · 1.57 KB

File metadata and controls

executable file
·
41 lines (24 loc) · 1.57 KB

@vue/cli-plugin-typescript

英文原版

vue-cli 的 typescript 插件

使用 TypeScript + ts-loader + fork-ts-checker-webpack-plugin 实现线程外的快速类型检查。

配置

TypeScript 可以通过 tsconfig.json 进行配置。

3.0.0-rc.6 起,typescript 会改为一个这个包的 peer dependency,所以你可以通过更新你项目中的 package.json 来指定 TypeScript 的版本。

这个插件可以配合 @vue/cli-plugin-babel 使用。当使用 Babel 时,该插件将会输出 ES2015 并将其它基于浏览器目标的自动的 polyfill 委托给 Babel。

注入的命令

如果在项目创建的时候选择了 TSLint,则会注入 vue-cli-service lint

缓存

cache-loader 默认开启,被缓存的东西存储在 <projectRoot>/node_modules/.cache/ts-loader

并行执行

thread-loader 会在多核机器上默认开启。你可以在 vue.config.js 中设置 parallel: false 将其关闭。

在已创建的项目中安装

vue add @vue/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')