const path = require('path');
const { library } = require('./package.json');
const webpack = require('webpack');
const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');
const resolve = dir => path.join(__dirname, dir)
module.exports = {
  devServer: {
    port: 8091,
    proxy: {
      "/api": {
        ws: true,
        target: 'http://47.102.103.218:8700/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    },
  },
  lintOnSave: false,
  publicPath: '/',
  css: {
    loaderOptions: {
      sass: {
        data: `@import "@/style/public.scss";`
      }
    },
  },
  chainWebpack: (config) => {
    // 修复HMR
    config.resolve.symlinks(true);
    // 别名配置
    config.resolve.alias.set('@', resolve('./src'));
  },

  productionSourceMap: process.env.NODE_ENV === 'production' ? false : true, // 生产环境是否生成 sourceMap 文件
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
      config.mode = 'production';
      //分包
      config.performance = { //关闭webpack性能提示
        hints: false
      };
      config.optimization.splitChunks = {
        chunks: 'all',
        cacheGroups: {
          commons: {
            chunks: 'all',
            name: 'chunk-commons',
            test: /[\\/]src[\\/]utils[\\/]/,
            minSize: 0,
            minChunks: 2,
            priority: 60,
            reuseExistingChunk: true
          },
          libs: {
            name: 'chunk-libs',
            test: /[\\/]node_modules[\\/]/,
            priority: 10,
            chunks: 'all'
          },
          styles: {
            name: 'styles',
            test: /\.(sa|sc|c)ss$/,
            chunks: 'all',
            enforce: true,
          },
          elementUI: {
            name: 'chunk-elementUI',
            priority: 20,
            test: /[\\/]node_modules[\\/]_?element-ui(.*)/
          },
        }
      };
      config.optimization.runtimeChunk = {
        name: 'manifest'
      }
      //使用预编译 vue vuex vue-router axios 进行编译
      config.plugins.push(
        ...Object.keys(library).map(name => {
          return new webpack.DllReferencePlugin({
            manifest: path.resolve(__dirname, `lib/${name}.manifest.json`),
          })
        })
      )
      config.plugins.push(
        new webpack.optimize.ModuleConcatenationPlugin()
      )

      //页面中引用预编译的内容
      config.plugins.push(
        ...Object.keys(library).map(name => {
          return new AddAssetHtmlPlugin([{
            filepath: path.resolve(__dirname, `lib/${name}.dll.js`),
            outputPath: '/js/',
            publicPath: "/js",
            includeSourcemap: true
          }])
        })
      )
    } else {
      // 为开发环境修改配置...
      config.mode = 'development';
    }
  },
}