TypeScript 构建支持

Node 启用 typescript 编译

  • egg-bin dev -r egg-ts-helper/register 实现开发

  • tsc -p tsconfig.json 编译

  • package.json 运行脚本

{
  "scripts": {
  "start": "egg-scripts start",
  "dev": "egg-bin dev -r egg-ts-helper/register",
  "debug": "egg-bin debug",
  "build": "easy build",
  "tsc": "tsc -p tsconfig.json",
}

前端启用 typescript 编译

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

开启 tslint 校验

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

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

项目骨架

注意事项


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
SEO实现 SEO实现
Egg + Vue SSR SEO 实现MVVM 服务端渲染相比前端渲染,支持SEO,更快的首屏渲染,相比传统的模板引擎,更好的组件化,前后端模板共用。在 Egg + Vue 的方案里面, HTML head 里面 meta 信息也作为 Vue 服务端渲染的一部分, 和普通的数据绑定没有什么差别。在实现上面, 考虑到页面有统一的 HTML, header, footer, body 骨架, 可以结合 Vue 的 slot 封装成一个统一的 layout 组件。一. layout...
2019-12-23 sky
Next 
前端渲染模式 前端渲染模式
浏览器渲染模式指的是Node 端只会根据包含html, head, body节点信息的 layout 文件输出骨架内容, 页面的实际内容交给浏览器去渲染。调用 egg-view-vue-ssr 的 renderClient 方法实现客户端浏览器渲染在使用上面, 客户端浏览器渲染模式只需要把 render 改成 renderClient。 正常情况下, 能进行 render 运行的, renderClient 方式也能正常运行。Webpack 配置优化,提高构建速度在 ${root}/webpack...
2019-12-23 sky