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

const CompressionWebpackPlugin = require('compression-webpack-plugin');
const defaultSettings = require('./src/settings.js');
const port = process.env.port || process.env.npm_config_port || 9527; // dev port
function resolve (dir) {
  return path.join(__dirname, dir);
}
const isProd = process.env.NODE_ENV === 'production';
const name = defaultSettings.title || '智能化立体库管理系统'; // page title
const {
  VueCDN,
  AxiosCDN,
  VueRouterCDN,
  VuexCDN
} = require('./src/plugins/cdn');

const cdn = {
  css: [],
  js: [VueCDN, AxiosCDN, VueRouterCDN, VuexCDN],
  externals: {
    vue: 'Vue',
    'vue-router': 'VueRouter',
    vuex: 'Vuex',
    axios: 'axios'
  }
};
module.exports = {
  /**
   *查看配置 https://cli.vuejs.org/config/#publicpath
   */
  publicPath: '/', //根路径 cli3.0以上使用publicPath
  //打包后输出路径
  outputDir: 'dist',
  assetsDir: 'static',
  lintOnSave: false,
  //去除生产环境的productionSourceMap
  productionSourceMap: false,
  devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        //target: 'http://10.103.11.236:8085', // 内网服务器部署 11网段
        //target: 'http://10.103.9.200:8085/', // 内网服务器部署 9网段
        //target: 'http://120.53.244.200:8085', // 云服务器测试
        //target: 'http://192.168.43.252:8085', // 本机发布测试
        //target: 'http://localhost:12319/', // 本机调试测试
        //target: 'http://10.103.11.130:8085/', //11网段
        target: 'http://localhost:6099/', //9网段
        changeOrigin: true,
        pathRewrite:{
          '[process.env.VUE_APP_BASE_API]': ''
        }
      }
    }
  },
  css: {
    loaderOptions: {
      sass: {}
    }
  },
  // configureWebpack 值为对象，会通过 webpack-merge 合并到最终的配置
  configureWebpack: {
    //在webpack的name字段中提供应用程序的标题，以便可以在index.html中访问它来注入正确的标题
    name: name,
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },

    externals: {}
  },

  chainWebpack (config) {
    config.plugin('define').tap(args => {
      //args[0]['process.env'].IMAGE_URL = "'http://120.53.244.200:8085/'"; //测试环境
      // args[0]['process.env'].IMAGE_URL = "'http://localhost:8085/'"; //正式环境 11网段
      args[0]['process.env'].IMAGE_URL = "'http://10.103.9.200:8085/'"; //正式环境 9网段
      //args[0]['process.env'].IMAGE_URL = "'http://192.168.137.200:8085/'"; //本机发布测试
      return args;
    });
    config.plugin('provide').use(webpack.ProvidePlugin, [{
      $: 'jquery',
      jquery: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery'
    }]);
    // 设置svg
    config.module.rule('svg').exclude.add(resolve('src/icons')).end();
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
      .end();
    //设置开发环境sourceMap
    config.when(!isProd, config => config.devtool('cheap-source-map'));
    //开发环境

    config.when(isProd, config => {
      config.optimization.splitChunks({
        chunks: 'all',
        cacheGroups: {
          libs: {
            name: 'chunk-libs',
            test: /[\\/]node_modules[\\/]/,
            priority: 10,
            chunks: 'initial'
          },
          elementUI: {
            name: 'chunk-elementUI',
            priority: 20,
            test: /[\\/]node_modules[\\/]_?element-ui(.*)/
          },
          commons: {
            name: 'chunk-commons',
            test: resolve('src/components'),
            minChunks: 3,
            priority: 5,
            reuseExistingChunk: true
          }
        }
      });
      // config.plugin('html').tap(args => {
      //     args[0].cdn = cdn;
      //     return args;
      // });
      config.optimization.runtimeChunk('single');

      //去除生产环境debugger 和console
      config.optimization.minimizer('terser').tap(args => {
        args[0].terserOptions.compress.warnings = false;
        args[0].terserOptions.compress.drop_console = true;
        args[0].terserOptions.compress.drop_debugger = true;
        args[0].terserOptions.compress.pure_funcs = ['console.*'];
        return args;
      });
      //g-zip开启
      config.plugin('CompressionWebpackPlugin').use(CompressionWebpackPlugin, [{
        filename: '[path].gz[query]',
        algorithm: 'gzip',
        test: /\.js$|\.css/, //匹配文件名
        threshold: 10240, //对超过10k的数据压缩
        minRatio: 0.8
      }]);
    });
  }
};