const path = require('path');
const resolve = filePath => path.resolve(__dirname, './', filePath);
const { DefinePlugin } = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const { mockDevServer } = require("./server/server");
const bodyParser = require('body-parser');

const outputDir = 'dist';
const port = '3377';
const globalComponentPrefix = 'pl';

const config = {
  publicPath: '/plain-document/',                               // 部署路径
  buildTime: (() => {
    const dateObj = new Date();
    return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}-${String(dateObj.getDate()).padStart(2, '0')} ${String(dateObj.getHours()).padStart(2, '0')}:${String(dateObj.getMinutes()).padStart(2, '0')}:${String(dateObj.getSeconds()).padStart(2, '0')}`;
  })()
};

module.exports = {
  publicPath: config.publicPath,
  outputDir: resolve(outputDir),
  lintOnSave: false,
  devServer: {
    port,
    /*避免更新静态文件时刷新页面*/
    liveReload: false,
    before(app) {
      app.use(bodyParser.json());
      mockDevServer(app, { publicPath: config.publicPath });
    },
  },
  pages: {
    index: {
      entry: resolve('src/pages/index/main.tsx'),
      template: 'public/index.html',
      filename: 'index.html',
      title: 'plain-document',
      chunks: ['chunk-vendors', 'chunk-common', 'index'],
    },
  },
  css: {
    sourceMap: false,
    loaderOptions: {
      sass: {
        prependData: `$prefix:'${globalComponentPrefix}'; @import "node_modules/plain-design/src/packages/styles/global.import.scss";`
      }
    },
  },
  configureWebpack: {
    plugins: [
      new DefinePlugin({
        ENV: JSON.stringify(config),
        globalComponentPrefix: JSON.stringify(globalComponentPrefix),
      }),
      new CopyWebpackPlugin([
        { from: "node_modules/plain-editor/public/libs", to: "libs" },
      ])
    ]
  },
  chainWebpack(config) {
    config.plugins
      .delete('prefetch-index')
      .delete('preload-index');

    config
      .plugin('html-index')
      .tap((args) => {
        args[0].chunksSortMode = 'manual';
        return args;
      });

    config.resolve.alias
      .set('@', resolve('src'))
      .set('src', resolve('src'))
      .set('~', resolve('node_modules'))
      .set('plain-design-composition/src/index', resolve('abc'));
    // .set('plain-design', resolve('src/packages'))
    // .set('plain-design-composition/src/index', resolve('abc'));
    // .set('plain-design-composition', resolve('node_modules/plain-design-composition/src/index'));

    if (process.env.NODE_ENV === 'development') {
      // config.resolve.alias.set('react-dom', 'react-dom/cjs/react-dom.production.min');
    }
    config.plugins
      .delete('prefetch-index')
      .delete('preload-index');
  },
};