TypeScript 构建支持

在用 TypeScript 编写 Vue 应用时, Vue 里面的 TypeScript 代码建议不要写在 Vue 文件里面,请以单独 ts 文件存放 TypeScript 代码。目前测试发现与 thread-loader 一起使用是有问题的。easywebpack 4.10.0 开始,默认开启了 thread-loader, 你可以通过如下方式禁用 thread-loader:

// ${root}/webpack.config.js
module.exports = {
 compile: { 
  thread: false 
 } 
}
> 



### 版本要求 ^3.6.0

- easywebpack: ^3.6.0



### 新增 typescript 构建支持

支持通过 Webpack 构建 typescript 项目, 默认开启 tslint 检查


#### 启用 typescript 编译

```javascript
// webpack.config.js
module.exports = {
  loaders:{
    typescript: true
  }
}

启用 tslint

自动修复功能,tslint 默认启用, 自动修复默认禁用,可以通过如下方式开启

// webpack.config.js
module.exports = {
  loaders:{
    tslint:{
      options: {
        fix: true
      }
    }
  }
}

项目骨架

Egg + Vue + TypeScript + Webpack


Author: sky
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
交流反馈 交流反馈
欢迎有兴趣的开发者参与!邮箱 hubcarl@126.comGitHubhttps://github.com/hubcarl知乎https://zhuanlan.zhihu.com/easywebpackQQ群有问题可以直接在在语雀评论回复(^_^)
2019-12-23 sky
Next 
升级指南 升级指南
Webpack 3 到 Webpack 4 经过重大更新,对应 easwebpack3 到 easywebpack4 也有相对性的更新,主要包括以下3点:Webpack 版本升级导致的配置优化和优化修改easywebpack 新特性支持和配置简化easywebpack 遗留问题修复以及去掉历史兼容 ...
2019-12-23 sky