const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const HappyPack = require("happypack");
const webpack = require("webpack");

module.exports = {
  mode: "production", // production  development
  entry: {
    app1:'./src/SplitChunksPlugin/app1.js',
    app2:'./src/SplitChunksPlugin/app2.js'
  },
  // devtool: "source-map",
  output: {
    filename: "js/[name].[contenthash:8].bundel.js",
    path: path.resolve(__dirname, "dist"),
  },
  devServer: {
    port: 3000,
    open: true,
  },
  resolve: {
    // Add `.ts` and `.tsx` as a resolvable extension.
    extensions: [".ts", ".tsx", ".js"],
  },
  module: {
    noParse: /jquery|lodash/,
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: "happypack/loader",
      },
      { test: /\.ts?$/, loader: "ts-loader" },
    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: "webpackopt",
      template: "./public/index.html",
    }),
    new CleanWebpackPlugin({
      cleanOnceBeforeBuildPatterns: ["**/*", "!dll/**"],
    }),
    new webpack.IgnorePlugin({
      resourceRegExp: /^\.\/locale$/,
      contextRegExp: /moment$/,
    }),
    // new webpack.DllReferencePlugin({
    //   manifest: path.resolve(__dirname, "dist", "dll/manifest.json"),
    // }),
    new HappyPack({
      threads: 4,
      loaders: ["babel-loader"],
    }),
  ],
};