const path = require('path');
const webpack = require('webpack');

module.exports = {
  outputDir: 'dist',
  publicPath: './',
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
        'legacy-wfc': path.resolve(__dirname, '../src/wfc'),
        'legacy-config': path.resolve(__dirname, '../src/config.js')
      },
      fallback: {
        path: false,
        fs: false,
        assert: false,
        util: false,
        os: false,
        crypto: false,
        buffer: require.resolve('buffer/')
      }
    },
    plugins: [
      new webpack.ProvidePlugin({
        process: 'process/browser',
        Buffer: ['buffer', 'Buffer']
      })
    ]
  },
  devServer: {
    allowedHosts: 'all',
    client: {
      overlay: false
    },
    proxy: {
      '/local-api': {
        target: 'http://127.0.0.1:8024',
        changeOrigin: true,
        pathRewrite: {
          '^/local-api': '/api'
        }
      }
    }
  },
  chainWebpack(config) {
    config.optimization.concatenateModules(false);
    config.optimization.minimize(false);
  }
};