114 lines
3.3 KiB
TypeScript
114 lines
3.3 KiB
TypeScript
|
import * as plugins from './tsbundle.plugins';
|
||
|
|
import { logger } from './tsbundle.logging';
|
||
|
|
|
||
|
|
export class TsBundle {
|
||
|
|
public optionsTest: plugins.rollup.RollupOptions = this.getBaseOptions();
|
||
|
|
public optionsProduction: plugins.rollup.RollupOptions = (() => {
|
||
|
|
const productionOptions = this.getBaseOptions();
|
||
|
|
productionOptions.plugins.push(plugins.rollupTerser());
|
||
|
|
return productionOptions;
|
||
|
|
})();
|
||
|
|
|
||
|
|
constructor() {}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* creates a bundle for the test enviroment
|
||
|
|
*/
|
||
|
|
public async buildTest() {
|
||
|
|
// create a bundle
|
||
|
|
logger.log('info', `starting bundling for TEST now!`);
|
||
|
|
const bundle = await plugins.rollup.rollup(this.optionsTest);
|
||
|
|
bundle.generate(this.optionsTest.output);
|
||
|
|
bundle.write(this.optionsTest.output);
|
||
|
|
logger.log('ok', `Successfully bundled files!`);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* creates a bundle for the production environment
|
||
|
|
*/
|
||
|
|
public async buildProduction() {
|
||
|
|
// create a bundle
|
||
|
|
logger.log('info', `starting for PRODUCTION now!`);
|
||
|
|
const bundle = await plugins.rollup.rollup(this.optionsProduction);
|
||
|
|
bundle.generate(this.optionsProduction.output);
|
||
|
|
bundle.write(this.optionsProduction.output);
|
||
|
|
logger.log('ok', `Successfully bundled files!`);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* the basic default options for rollup
|
||
|
|
*/
|
||
|
|
public getBaseOptions() {
|
||
|
|
const baseOptions: plugins.rollup.RollupOptions = {
|
||
|
|
input: `ts_web/index.ts`,
|
||
|
|
output: {
|
||
|
|
name: 'tsbundle',
|
||
|
|
// file: 'dist_web/bundle.js',
|
||
|
|
file: 'dist_web/bundle.js',
|
||
|
|
format: 'iife',
|
||
|
|
sourcemap: true
|
||
|
|
},
|
||
|
|
// Indicate here external modules you don't wanna include in your bundle (i.e.: 'lodash')
|
||
|
|
external: [],
|
||
|
|
watch: {
|
||
|
|
include: ['src/**']
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
// Compile TypeScript files
|
||
|
|
plugins.rollupTypescript({
|
||
|
|
useTsconfigDeclarationDir: true,
|
||
|
|
tsconfigOverride: {
|
||
|
|
compilerOptions: {
|
||
|
|
declaration: true,
|
||
|
|
emitDecoratorMetadata: true,
|
||
|
|
experimentalDecorators: true,
|
||
|
|
inlineSourceMap: true,
|
||
|
|
noEmitOnError: true,
|
||
|
|
lib: ['es2017', 'dom'],
|
||
|
|
target: 'es2017',
|
||
|
|
noImplicitAny: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
// Allow node_modules resolution, so you can use 'external' to control
|
||
|
|
// which external modules to include in the bundle
|
||
|
|
// https://github.com/rollup/rollup-plugin-node-resolve#usage
|
||
|
|
plugins.rollupResolve(),
|
||
|
|
plugins.rollupCommonjs({
|
||
|
|
namedExports: {
|
||
|
|
'node_modules/@pushrocks/smartstate/dist/index.js': ['Smartstate']
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
|
||
|
|
// Resolve source maps to the original source
|
||
|
|
plugins.rollupSourceMaps(),
|
||
|
|
plugins.rollupBabel({
|
||
|
|
runtimeHelpers: true,
|
||
|
|
extensions: ['.js', '.jsx', '.ts', '.tsx'],
|
||
|
|
babelrc: false,
|
||
|
|
presets: [
|
||
|
|
[
|
||
|
|
'@babel/preset-env',
|
||
|
|
{
|
||
|
|
modules: false,
|
||
|
|
targets: {
|
||
|
|
chrome: '41'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
],
|
||
|
|
plugins: [
|
||
|
|
[
|
||
|
|
'@babel/plugin-transform-runtime',
|
||
|
|
{
|
||
|
|
regenerator: true
|
||
|
|
}
|
||
|
|
]
|
||
|
|
]
|
||
|
|
})
|
||
|
|
]
|
||
|
|
};
|
||
|
|
return baseOptions;
|
||
|
|
}
|
||
|
|
}
|