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

// process.env.NODE_ENV = 'production';

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

const config = {
  publicPath: '/plain-editor/',                               // 部署路径
};

module.exports = {
  publicPath: config.publicPath,
  outputDir: resolve(outputDir),
  lintOnSave: false,
  devServer: {
    port,
    /*避免更新静态文件时刷新页面*/
    liveReload: false,
    before(app) {
      app.use(bodyParser.json());
      mockDevServer(app, config);
    },
  },
  pages: {
    index: {
      entry: resolve('src/pages/index/main.tsx'),
      template: 'public/index.html',
      filename: 'index.html',
      title: 'plain-editor 编辑器',
      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),
      }),
    ]
  },
  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('quill', resolve('node_modules/quill/quill.js'));
    // .set('plain-design-composition/src/index', resolve('abc'));
    // .set('plain-design', resolve('node_modules/plain-design/src/packages'))
    // .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');
  },
};