vue.config.js

module.exports = {
  devServer: {
    // port: 80,
    proxy: {
      "/api": {
        target: "https://jsonplaceholder.typicode.com",
        ws: true,
        changeOrigin: true,
        pathRewrite: path => {
          return path.replace("api/", "");
        }
      }
    }
  },
  pluginOptions: {
    i18n: {
      locale: "en",
      fallbackLocale: "en",
      localeDir: "locales",
      enableInSFC: true
    }
  },
  chainWebpack: config => {
    if (process.env.NODE_ENV === "test") {
      config.module.rule("scss").uses.clear();
      config.module
        .rule("scss")
        .use("null-loader")
        .loader("null-loader");
    }

    config.optimization.minimizer("terser").tap(args => {
      const { terserOptions } = args[0];
      // eslint-disable-next-line @typescript-eslint/camelcase
      terserOptions.keep_classnames = true;
      // eslint-disable-next-line @typescript-eslint/camelcase
      terserOptions.keep_fnames = true;
      return args;
    });

    config.module
      .rule("eslint")
      .use("eslint-loader")
      .options({
        fix: true
      });
  }
};