nazmulidris / ts-template

TypeScript, Webpack, Jasmine, Karma template project

• Overview
• References
  • TypeScript
  • Webpack 4
  • Karma, Jasmine
  • All together

Overview

The tutorial explaining how to use this repo and it's directory structure and configuration files are in this developerlife.com tutorial.

References

TypeScript

TypeScript intro

• https://www.youtube.com/watch?v=XShQO3BvOyM

TypeScript and Webpack 4 intro

• https://www.youtube.com/watch?v=8TiZdePyduI
• https://github.com/GeekLaunch/webpack-tutorial
• https://github.com/TypeStrong/ts-loader

Webpack 4

Webpack 4

• https://wanago.io/2018/07/16/webpack-4-course-part-one-entry-output-and-es6-modules/

Webpack configuration

• https://webpack.js.org/configuration/devtool/
• https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9

Webpack dev server configuration

• webpack/webpack-dev-server#720 (comment)
• https://webpack.js.org/guides/development/#using-webpack-dev-server

Karma, Jasmine

Karma, Jasmine

• http://www.bradoncode.com/blog/2015/02/27/karma-tutorial/
• https://stackoverflow.com/a/17327465/2085356

All together

Karma, Jasmine, and Webpack setup

• https://mike-ward.net/2015/09/07/tips-on-setting-up-karma-testing-with-webpack/

TypeScript migrate from typings to npm @types

• http://codereform.com/blog/post/migrating-from-typings-to-npm-types/

TypeScript, Webpack, Jasmine, and Karma

• https://templecoding.com/blog/2016/02/02/how-to-setup-testing-using-typescript-mocha-chai-sinon-karma-and-webpack
• https://github.com/thitemple/TypescriptMochaWebpackDemo

ts-template's Issues

Sourcemap not working

Hi,

cause webpack is packing all together it is quiet difficult to find the source of an error. I thought this would be easy to fix / config but I give up. May you can help?

Example car.ts

  public go(msg: string): string {
	msg = null;
	console.log(msg.length);
   }

Results in stack trace - line number is 121 but actually is 23 in the Car.ts file:

        TypeError: Cannot read property 'length' of null
            at <Jasmine>
            at Car.go (test/sample_test.js:121:25)
            at UserContext.<anonymous> (test/sample_test.js:163:33)
            at <Jasmine>