webpack.config.js

/* eslint-disable */

const CopyPlugin = require('copy-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
const webpack = require('webpack');
const tsImportPluginFactory = require('ts-import-plugin')


module.exports = {
    entry: {
        index: './src/index.ts',
        convert: './src/convert.ts',
    },
    output: {
        filename: '[name].js',
        path: __dirname + '/dist',
        chunkFilename: '[id].[chunkhash].js'
    },
    // externals: ["fs"],
    resolve: {
        // Add `.ts` and `.tsx` as a resolvable extension.
        extensions: [".ts", ".tsx", ".js"],
        modules: ["node_modules", "bower_components"],
    },
    module: {
        rules: [{
                test: /\.(tsx|ts)$/,
                loader: 'ts-loader',
                options: {
                    transpileOnly: true,
                    compilerOptions: {
                        module: 'es2015'
                    }
                },
                exclude: [/node_modules/, /bower_components/],
            },
            {
                test: /\.scss$/,
                use: [
                    { loader: "style-loader" },
                    { loader: "css-loader" },
                    { loader: "sass-loader" },
                ]
            },
            {
                test: /\.css$/,
                use: [
                    { loader: "style-loader" },
                    { loader: "css-loader" },
                ]
            },

        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            hash: true,
            filename: './index.html',
            template: './src/index.html',
            chunks: ['index',],
        }),
        new HtmlWebpackPlugin({
            hash: true,
            filename: './convert.html',
            template: './src/convert.html',
            chunks: ['convert',],
        }),
        new webpack.ProvidePlugin({
            $: 'jquery',
        }),
        new CopyPlugin([
            { from: './data', to: './data', }, // Copy our data files
            // We have to copy the Palladio files, so that they can be accessed from <script> tags
            { from: './bower_components/palladio', to: './assets/palladio', },
            { from: './bower_components/palladio-map-component', to: './assets/palladio-map-component', },
            { from: './bower_components/palladio-timespan-component', to: './assets/palladio-timespan-component', },
        ]),
    ]
};