google / web-starter-kit

Web Starter Kit - a workflow for multi-device websites
http://developers.google.com/web/starter-kit
Apache License 2.0
18.43k stars 3.02k forks source link

[Question] How to add Typescript support #907

Open jhm-ciberman opened 7 years ago

jhm-ciberman commented 7 years ago

My question is simple. I want to develop a website ussing Typescript, but I don't want to broke anything. So, what I need to add to the glupfile to support Typescript?

Thanks in advance.

zielonezabki commented 7 years ago

It's all about adding typescript to gulp - https://www.typescriptlang.org/docs/handbook/gulp.html

cristianounix commented 7 years ago
$ npm install --save-dev typescript gulp gulp-typescript
$ touch tsconfig.json

------ tsconfig.json ------

{
    "files": [
        "src/**/*.ts"
    ],
    "compilerOptions": {
        "noImplicitAny": true,
        "target": "es6"
    }
}

More about tsconfig -> https://www.typescriptlang.org/docs/handbook/tsconfig-json.html ----- gulpfile.js -----

var gulp = require("gulp");
var ts = require("gulp-typescript");
var tsProject = ts.createProject("tsconfig.json");

gulp.task("default", function () {
    return tsProject.src()
        .pipe(tsProject())
        .js.pipe(gulp.dest("dist"));
});

More about gulpfile configurations -> https://www.typescriptlang.org/docs/handbook/gulp.html