/*
 * @Author: ･ᴗ･
 * @CreateDate: 2022-08-26 07:26:25
 * @Signature: 知足且上进，温柔且坚定･ᴗ･
 */
const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  chainWebpack: config => {
    config.plugin('html')
      .tap(args => {
          // 修改完浏览器网页标题需要重启项目才能生效
          args[0].title = '小锦鲤可视化平台';
          return args;
        }
      )
  },
  lintOnSave: false,
  transpileDependencies: true,
  publicPath: './', // 基本路径
  outputDir: 'dist', // 输出文件目录
  assetsDir: "static", //放置生成的静态文件目录（js css img）
  productionSourceMap: false, // 生产环境是否生成 sourceMap 文件
  // 警告 webpack 的性能提示
  configureWebpack : {
    performance: {
        hints:'warning',
        // 入口起点的最大体积 整数类型（以字节为单位）
        maxEntrypointSize: 50000000,
        // 生成文件的最大体积 整数类型（以字节为单位 300k）
        maxAssetSize: 30000000,
        // 只给出 js 文件的性能提示
        assetFilter: function(assetFilename) {
            return assetFilename.endsWith('.js');
        }
     }
  },
  devServer: {
    port: 8017,
    // 解决新版本 Invalid Host header
    historyApiFallback: true,
    allowedHosts: 'all',
    open: false // 自动打开浏览器
  }

})