/* eslint-disable no-undef */
const { resolve } = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const { DefinePlugin } = require("webpack");
const MinCssExtractPlugin = require("mini-css-extract-plugin");
const { merge } = require("webpack-merge");
const { VueLoaderPlugin } = require("vue-loader");

module.exports = ({ development }) => {
  var webpackConfig;
  if (development) {
    webpackConfig = require("./webpack.development");
  } else {
    console.log("first")
    webpackConfig = require("./webpack.production");
  }
  return merge(webpackConfig, {
    // entry: "./test/index.ts",
    module: {
      rules: [
        {
          test: /\.css$/i,
          use: [
            !development ? MinCssExtractPlugin.loader : "style-loader",
            {
              loader: "css-loader",
              options: {
                importLoaders: 1
              }
            },
            "postcss-loader"
          ]
        },
        {
          test: /\.less$/i,
          use: [
            !development ? MinCssExtractPlugin.loader : "style-loader",
            {
              loader: "css-loader",
              options: {
                importLoaders: 2
              }
            },
            "postcss-loader",
            "less-loader"
          ]
        },
        {
          test: /\.vue$/i,
          use: "vue-loader"
        },
        {
          test: /\.js$/i,
          exclude: /node_modules|utils\/popper\.js|utils\/date\.js/,
          use: "babel-loader"
        },
        {
          test: /\.ts$/i,
          exclude: /node_modules|utils\/popper\.js|utils\/date\.js/,
          use: "babel-loader"
        },
        {
          test: /\.(png|jpe?g|gif|svg)$/i,
          type: "asset/resource"
        },
        {
          test: /\.(ttf|woff2?)$/i,
          type: "asset/resource"
        }
      ]
    },
    resolve: {
      extensions: ['.jsx', ".js", ".css", ".ts"],
      alias: {
        '@': resolve(__dirname, "./test")
      },
      modules: ["node_modules", "public"]
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: "./public/index.html",
      }),
      new MinCssExtractPlugin({
        filename: "css/[name].[hash:6].css",
        chunkFilename: "css/[name].[hash:6].css",
      }),
      new CleanWebpackPlugin(),
      new VueLoaderPlugin(),
      new DefinePlugin({
        NODE_ENV: "production",
        __VUE_OPTIONS_API__: false,
        __VUE_PROD_DEVTOOLS__: false,
      }),
    ]
  })
}