import * as webpack from 'webpack';
import merge from 'webpack-merge';
import { outputDir } from './outputPath';
import common from './webpack.common';
import AddAssetHtmlPlugin from "add-asset-html-webpack-plugin";

const config: webpack.Configuration = merge(
    common,
    {
        mode: "development",
        output: { pathinfo: false },
        devtool: "cheap-module-eval-source-map",
        devServer: {
            contentBase: outputDir,
            port: 7778,
            host: "0.0.0.0",
            hot: true
        },
        plugins: [
            new webpack.NamedModulesPlugin(),//Hot
            new AddAssetHtmlPlugin([{ filepath: "./node_modules/three/build/three.js" }])
        ]
    }
);

export default config;