light-ts-loader

2016 Dec. 22

@laco0416

about me

  • TOPGATE, Inc.
  • Angular 2 Contributor
  • ng-japan Organizer

What's light-ts-loader?

webpack loader for TypeScript source

Concepts

  • Light weight package 
  • Lightning fast loading

light-ts-loader

Other TypeScript Loaders

Former TypeScript Bundling

a.ts

a.js

bundled.js

b.ts

b.js

c.ts

c.js

Type-Checking

Transpiling

Module Resolution

Type-checking

  • Type-checking is heavy
    • Need to read all modules
  • You can do it at other task
    • `tsc --noEmit`

Loader's responsibility
= Loading modules

light-ts-loader

a.ts

a.js

bundled.js

b.ts

b.js

c.ts

c.js

Transpiling

Module Resolution

module: {
    rules: [
        { test: /\.ts$/, loader: "light-ts-loader" },
    ],
},
$ npm i -D light-ts-loader

2.0 Roadmap

  • More configurable
    • i.e. tsconfig path v1.1.0
  • More tests
  • Benchmark
    • v.s. other loaders

Thanks

light-ts-loader

By Suguru Inatomi

light-ts-loader

for ng-sake #7

  • 2,652