TypeScriptでもリリースビルドする

TypeScriptの8つめ。

Productionをやります。

// webpack.config.production.ts
import * as path from 'path';
import * as webpack from 'webpack';

export default {
    entry: './ts/index.tsx',
    output: {
        path: path.resolve('static/js'),
        filename: 'bundle.js',
    },
    module: {
        rules: [{
            test: /\.(ts|tsx)$/,
            use: [
                'awesome-typescript-loader',
                'tslint-loader',
            ],
        }],
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js'],
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({ sourceMap: false, comments: false }),
    ],
};

特に論点ないですね。

$ yarn add rimraf -D

rimrafをいつも使ってます。

// package.jsonの一部
    "scripts": {
        "build": "rimraf ./static/js/*; webpack -p --config webpack.config.production.ts"
    },

yarn run buildもショートハンドがあります。これはnpmと同じ。

$ yarn build