Integrating with Build Tools

npm install @babel/cli @babel/core @babel/preset-typescript --save-dev

{
"presets": ["@babel/preset-typescript"]
}

./node_modules/.bin/babel --out-file bundle.js src/index.ts

{
"scripts": {
"build":"babel --out-file bundle.js main.ts"
  },
}

npm run build

npm install tsify

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

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

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

npm install grunt-ts --save-dev

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

npm install grunt-browserify tsify --save-dev

module.exports = function (grunt) {
grunt.initConfig({
browserify: {
all: {
src:"src/main.ts",
dest:"dist/main.js",
options: {
plugin: ["tsify"],
        },
      },
    },
  });
grunt.loadNpmTasks("grunt-browserify");
grunt.registerTask("default", ["browserify"]);
};

npm install gulp-typescript

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

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

npm install -g jspm@beta

<?xml version="1.0" encoding="utf-8"?>
<ProjectToolsVersion="4.0"DefaultTargets="Build"xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
<!-- Include default props at the top -->
<Import
Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props"
Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props')"/>

<!-- TypeScript configurations go here -->
<PropertyGroupCondition="'$(Configuration)' == 'Debug'">
<TypeScriptRemoveComments>false</TypeScriptRemoveComments>
<TypeScriptSourceMap>true</TypeScriptSourceMap>
</PropertyGroup>
<PropertyGroupCondition="'$(Configuration)' == 'Release'">
<TypeScriptRemoveComments>true</TypeScriptRemoveComments>
<TypeScriptSourceMap>false</TypeScriptSourceMap>
</PropertyGroup>

<!-- Include default targets at the bottom -->
<Import
Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets"
Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')"/>
</Project>

// rollup.config.js
importtypescriptfrom'@rollup/plugin-typescript';

exportdefault {
input:'src/index.ts',
output: {
dir:'output',
format:'cjs'
  },
plugins: [typescript()]
};

// svelte.config.js
importpreprocessfrom'svelte-preprocess';

constconfig = {
// Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors
preprocess:preprocess()
};

exportdefaultconfig;

npm install ts-loader --save-dev

const path = require('path');

module.exports = {
entry:'./src/index.ts',
module: {
rules: [
      {
test: /\.tsx?$/,
use:'ts-loader',
exclude: /node_modules/,
      },
    ],
  },
resolve: {
extensions: ['.tsx', '.ts', '.js'],
  },
output: {
filename:'bundle.js',
path:path.resolve(__dirname, 'dist'),
  },
};