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
Vue 项目构建 Vue 项目构建
Webpack  原始配置编写// webpack.config.js const easywebpack = require('easywebpack-vue'); const webpack = easywebpack.webpack; const merge = easywebpack.merge; const env = process.env.BUILD_ENV; const baseWebpackConfig = easywebpack.getWebpackConfig...
2019-10-20 sky
Next 
Egg + Vue/Nunjucks 服务端渲染性能测试 Egg + Vue/Nunjucks 服务端渲染性能测试
知乎专栏:https://zhuanlan.zhihu.com/p/30683070在用Vue做服务端渲染时,大家对Vue服务端渲染的性能持怀疑态度,业界也有一些尝试,不过完整的产品项目和数据分析比较少。结合线上和本地压测,我们对 Vue 和 Nunjucks 针对模板渲染Render时间,C...
2019-10-19 sky