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
构建速度 构建速度
检测构建速度最新的 easywebpack-cli@4.0.0 可以通过 easy build --speed 检测 Webpack 各 loader 和 plugin 处理耗时。DLL 公共提取Webpack 通过 DLLPlugin 和 DLLReferencePlugin 可以实现公共类库的单独提取,能极大大提升了构建的速度.只需要在 webpack.config.js 文件添加 dll 节点配置即可完成 dll 整个流程。module.exports = { dll:['vue...
2020-04-18 sky
Next 
升级指南 升级指南
Webpack 3 到 Webpack 4 经过重大更新,对应 easwebpack3 到 easywebpack4 也有相对性的更新,主要包括以下3点:Webpack 版本升级导致的配置优化和优化修改easywebpack 新特性支持和配置简化easywebpack 遗留问题修复以及去掉历史兼容 ...
2020-04-18 sky