webpack.config.js

'use strict';

const webpack = require('webpack');
const path = require('path');

module.exports = {
    context: path.join(__dirname, 'src/main'),
    entry: './javascripts/main.tsx',
    output: {
        path: path.join(__dirname, 'src/main/resources/static/build'),
        publicPath: '/static/build/',
        filename: 'bundle.js'
    },
    resolve: {
        // Add `.ts` and `.tsx` as a resolvable extension.
        extensions: ['.ts', '.tsx', '.js']
    },
    module: {
        loaders: [
            {
                test: /\.tsx?$/,
                enforce: 'pre',
                loader: 'tslint-loader',
                options: {
                    emitErrors: true,
                    failOnHint: true
                }
            },
            {
                test: /\.tsx?$/,
                loader: ['babel-loader?presets[]=env', 'ts-loader']
            },
            {
                test: /\.scss$/,
                loader: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
            }
        ]
    },
    devServer: {
            port: 9090,
            contentBase: [ './src/main/resources/templates' ],
            watchContentBase: true,
            proxy: {
                '**': {
                    target: 'http://localhost:8080',
                    secure: false,
                    // <a href='https://github.com/nodejitsu/node-http-proxy'>node-http-proxy</a> option - don't add /localhost:8080/ to proxied request paths
                    prependPath: false
                }
            },
            publicPath: 'http://localhost:9090/static/build/',
        },
    plugins: [ ],
    devtool: 'source-map'
};