webpack.dev.js

/*******************************************************************************
 * Copyright (c) 2018-2018 Red Hat, Inc.
 * This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v2.0
 * which is available at http://www.eclipse.org/legal/epl-2.0.html
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 * Contributors:
 *   Red Hat, Inc. - initial API and implementation
 *******************************************************************************/

const path = require('path');
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = env => {
    const proxyTarget = env && env.target ? env.target : 'http://localhost:8080';

    return merge(
        common,
        {
            mode: 'development',
            devtool: 'inline-source-map',
            module: {
                rules: [
                    {
                        test: /\.css$/,
                        use: [{
                            loader: "style-loader" // creates style nodes from JS strings
                        }, {
                            loader: "css-loader" // translates CSS into CommonJS
                        }]
                    }
                ]
            },
            devServer: {
                contentBase: path.resolve(__dirname, './target/dist'),
                host: 'localhost',
                port: 3000,
                hot: true,
                index: 'index.html',
                historyApiFallback: true,
                proxy: {
                    '/api/websocket': {
                        target: proxyTarget,
                        ws: true,
                        secure: false,
                        changeOrigin: true
                    },
                    '/api': {
                        target: proxyTarget,
                        secure: false,
                        changeOrigin: true,
                        headers: {
                            origin: proxyTarget
                        }
                    },
                }
            },
            plugins: [
                new HtmlWebpackPlugin({
                    inject: false,
                    title: "Che Workspace Loader",
                    template: "src/index.html",
                    urlPrefix: "/"
                })
            ]
        }
    )
};