const { defineConfig } = require('@vue/cli-service');
const webpack = require('webpack');

module.exports = defineConfig({
  transpileDependencies: [],
  devServer: {
    host: 'localhost',
    port: 8080
  },
  configureWebpack: {
    output: { clean: true },
    cache: false,
    resolve: {
      fallback: {
        "path": require.resolve("path-browserify"),
        "os": require.resolve("os-browserify/browser"),
        "crypto": require.resolve("crypto-browserify"),
        "stream": require.resolve("stream-browserify"),
        "vm": require.resolve("vm-browserify"),
      }
    },
    plugins: [
      new webpack.DefinePlugin({
        'process.env.CUSTOM_VAR': JSON.stringify(process.env.CUSTOM_VAR)
      })
    ],
  },
  chainWebpack: config => {
    const rules = ['vue','js','ts','tsx','css','scss','sass','less','stylus'];
    rules.forEach(rule => {
      try { config.module.rule(rule).uses.delete('cache-loader'); } catch (e) {}
      try { config.module.rule(rule).uses.delete('thread-loader'); } catch (e) {}
    });
  }
});