gulpfile.js

'use strict'

const gulp = require('gulp');
const argv = require('minimist')(process.argv.slice(2));
const gulpTs = require('gulp-typescript');
const gulpTslint = require('gulp-tslint');
const sourcemaps = require('gulp-sourcemaps');
const tslint = require('tslint');
const del = require('del');
const path = require('path');
const merge = require('merge2');
const webpack = require('webpack');
const gulpWebpack = require('webpack-stream');
const nodeExternals = require('webpack-node-externals');

const appProject = gulpTs.createProject('tsconfig.json');
const typeCheck = tslint.Linter.createProgram('tsconfig.json');

// const mode = 'development';
// require('gulp-mode')({
//	modes: ['production', 'development'], // 本番実装時は 'gulp --production'
//	default: 'development',
	//verbose: false,
// });

gulp.task('build', () => {
	del.sync(['./build/**/*.*']);
	gulp.src('./src/**/*.js')
		.pipe(gulp.dest('build/'));
	gulp.src('./src/**/*.json')
		.pipe(gulp.dest('build/'));
	gulp.src('./src/**/*.png')
		.pipe(gulp.dest('build/'));
	gulp.src('./src/**/*.ttf')
		.pipe(gulp.dest('build/'));
	gulp.src(['./app/**/*.*', '!./app/**/*.ts'])
		.pipe(gulp.dest('build/app/'));

	const appCompile = gulp.src('./src/**/*.ts')
		.pipe(sourcemaps.init())
		.pipe(appProject());

	const externals = [];
	if (!argv.web) {
		externals.push(nodeExternals());
	}

	const renderCompile = gulp.src('./app/index.ts')
		.pipe(gulpWebpack({
			// mode: "production",
			mode: "development",
			module: {
				rules: [
					{
						loader: 'ts-loader',
						exclude: [/node_modules/, /src/]
					},
				]
			},
			resolve: {
				modules: ['node_modules', 'app'],
				extensions: ['.tsx', '.ts', '.js']
			},
			output: {
				filename: 'app.js'
			},
			externals: externals,
			target: argv.web ? 'web' : 'electron-renderer',
			devtool: 'eval-cheap-source-map',
			// devtool: 'inline-source-map'
		}, webpack))

	return merge([
		appCompile.js
			.pipe(sourcemaps.write({
				sourceRoot: file => {
					return path.relative(path.join(file.cwd, file.path), file.base);
				}
			}))
			.pipe(gulp.dest('build/')),
		renderCompile
			.pipe(gulp.dest('build/app/'))
	]);
});