ts-universal (gulp plugin)
A simple gulp plugin that makes it possible to use typescript modules painlessly on browser and on server.
Say no webpack!
Features
- Converts typescript output into a unversal module (1 file)
- Exposes targets naturaly to window or NodeJS
- 100% Typescript sourcemaps support
- Simplicity - 4 variables to configure
- No extra libraries required!
How it works
tsUniversal works with AMD typescript importer. But instead of having AMD, tsUniversal creates a tiny header that does magic!
Try it now!
Install it
npm install ts-universal --save-dev
Gulp Build example
const gulp = require('gulp');
const rename = require("gulp-rename");
const ts = require('gulp-typescript');
const concat = require('gulp-concat');
const tsUniversal = require("./index.js");
const sourcemaps = require('gulp-sourcemaps');
const tsProject = ts.createProject('example/tsconfig.json', {});
gulp.task('default', function() {
var toResult = gulp.src('example/**/*.ts')
.pipe(sourcemaps.init())
.pipe(tsProject())
return toResult.js.pipe(tsUniversal('build/', {
name: 'my-lib-name',
expose: 'root',
expose2window: true,
consume: ["controllers/", "routes/"]
}))
.pipe(sourcemaps.write())
.pipe(gulp.dest('build/'));
});
Win
out.js can be required with "root.ts" exposed both to front end and backend!
To test in on server:
node build/test.js
On browser -> just open build/index.html in your browser!