Table of Contents #

• Browserify
• Duo
• Grunt
• gulp
• jspm
• webpack
• MSBuild
• NuGet

Browserify #

Установка

npm install tsify

Использование интерфейса командной строки

browserify main.ts -p [ tsify --noImplicitAny ] > bundle.js

Использование API

var browserify = require("browserify");
var tsify = require("tsify");

browserify()
    .add("main.ts")
    .plugin("tsify", { noImplicitAny: true })
    .bundle()
    .pipe(process.stdout);

Больше информации: smrq/tsify

Duo #

Установка

npm install duo-typescript

Использование интерфейса командной строки

duo --use duo-typescript entry.ts

Использование API

var Duo = require("duo");
var fs = require("fs")
var path = require("path")
var typescript = require("duo-typescript");

var out = path.join(__dirname, "output.js")

Duo(__dirname)
    .entry("entry.ts")
    .use(typescript())
    .run(function (err, results) {
        if (err) throw err;
        // Записать результат компиляции в файл
        fs.writeFileSync(out, results.code);
    });

Больше информации: frankwallis/duo-typescript

Grunt #

Установка

npm install grunt-ts

Базовый Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        ts: {
            default : {
                src: ["**/*.ts", "!node_modules/**/*.ts"]
            }
        }
    });
    grunt.loadNpmTasks("grunt-ts");
    grunt.registerTask("default", ["ts"]);
};

` Больше информации: TypeStrong/grunt-ts

gulp #

Установка

npm install gulp-typescript

Базовый gulpfile.js

var gulp = require("gulp");
var ts = require("gulp-typescript");

gulp.task("default", function () {
    var tsResult = gulp.src("src/*.ts")
        .pipe(ts({
              noImplicitAny: true,
              out: "output.js"
        }));
    return tsResult.js.pipe(gulp.dest("built/local"));
});

Больше информации: ivogabe/gulp-typescript

jspm #

Установка

npm install -g jspm@beta

Замечание: На данный момент поддержка TypeScript в jspm есть в версии 0.16beta

Больше информации: TypeScriptSamples/jspm

webpack #

Установка

npm install ts-loader --save-dev

Базовый webpack.config.js

module.exports = {
    entry: "./src/index.tsx",
    output: {
        filename: "bundle.js"
    },
    resolve: {
        // Добавить расширения '.ts' и '.tsx' в список разрешаемых
        extensions: ["", ".webpack.js", ".web.js", ".ts", ".tsx", ".js"]
    },
    module: {
        loaders: [
            // все файлы с расширениями 'ts' или '.tsx' будет обрабатывать `ts-loader'
            { test: /\.tsx?$/, loader: "ts-loader" }
        ]
    }
}

См. больше информации о ts-loader.

Альтернативы:

• awesome-typescript-loader

MSBuild #

Обновите файл файл проекта, включив установленные локально файлы Microsoft.TypeScript.Default.props (в начале файла) и Microsoft.TypeScript.targets (в конце файла).

    

    
    false
    true
  
  
    true
    false
  

    

Больше информации об указании опций компилятора MSBuild: Установка опций компилятора в проектах MSBuild

NuGet #

• Щелкнуть правой кнопкой -> Управление пакетами NuGet (Manage NuGet Packages)
• Найти Microsoft.TypeScript.MSBuild
• Нажать Установить (Install)
• Когда установка закончится, пересобрать проект!

Больше информации: Управление пакетами и Использование ночных сборок с NuGet

Источник

---

---

Поддержите перевод документации:



Поддерживатель | Github Репозиторий

---

Documentation generated by mdoc.