@hopin/wbt-ts-js-module v0.0.126

@hopin/wbt-ts-node

Convert typescript to a node friendly JS file (with minification).

Install

npm install --save-dev @hopin/wbt-ts-node

Usage

const path = require('path');
const gulp = require('gulp');
const {setConfig} = require('@hopin/wbt-config');
const tsNode = require('@hopin/wbt-ts-node'); 

const src = path.join(__dirname, 'src');
const dst = path.join(__dirname, 'build');

setConfig(src, dst);

gulp.task('build',
  gulp.series(
    'clean',
    tsNode.gulpBuild()
  )
);

@hopin/wbt-ts-browser

Convert typescript to a browser friendly JS file (with minification).

Install

npm install --save-dev @hopin/wbt-ts-browser

Usage

const path = require('path');
const gulp = require('gulp');
const {setConfig} = require('@hopin/wbt-config');
const tsBrowser = require('@hopin/wbt-ts-browser'); 

const src = path.join(__dirname, 'src');
const dst = path.join(__dirname, 'build');

setConfig(src, dst);

gulp.task('build',
  gulp.series(
    'clean',
    tsBrowser.gulpBuild(// TODO: Add a browser library name)
  )
);

If using node modules, you'll want to include the rollup plugins to bundle the modules into your library:

gulp.task('build',
  gulp.series(
    'clean',
    tsBrowser.gulpBuild(// TODO: Add a browser library name, {
        rollupPlugins: [
          commonjs(),
          resolve({
            browser: true,
          }),
        ],
      })
  )
);

@hopin/wbt-css

Convert modern CSS to an older, optimised CSS file (with minification).

Install

npm install --save-dev @hopin/wbt-css

Usage

const path = require('path');
const gulp = require('gulp');
const {setConfig} = require('@hopin/wbt-config');
const css = require('@hopin/wbt-css'); 

const src = path.join(__dirname, 'src');
const dst = path.join(__dirname, 'build');

setConfig(src, dst);

gulp.task('build',
  gulp.series(
    'clean',
    css.gulpBuild()
  )
);