text: 'use strict'
  const path = require('path')
  const defaultSettings = require('./src/settings.js');
  
  function resolve(dir) {
      return path.join(__dirname, dir)
  }
  
  const name = defaultSettings.title // page title
  
  // All configuration item explanations can be find in https://cli.vuejs.org/config/
  module.exports = {
      publicPath: './',
      outputDir: 'dist',
      assetsDir: 'static',
      lintOnSave: false, // process.env.NODE_ENV === 'development'
      productionSourceMap: false,
      devServer: {
          port: 8081,
          // open: true,
          overlay: {
              warnings: false,
              errors: true
          },
          proxy: {
              [process.env.VUE_APP_BASE_API]: {
                  target:'http://39.106.137.233:8082/',
                  // target: 'http://127.0.0.1:9000/',
                  changeOrigin: true,
                  pathRewrite: {
                      ['^' + process.env.VUE_APP_BASE_API]: ''
                  },
                  secure: false,
              },
          }
      },
      configureWebpack: {
          // provide the app's title in webpack's name field, so that
          // it can be accessed in index.html to inject the correct title.
          name: name,
          resolve: {
              alias: {
                  '@': resolve('src')
              }
          }
      },
      chainWebpack(config) {
          config.plugins.delete('preload') // TODO: need test
          config.plugins.delete('prefetch') // TODO: need test
  
          // set svg-sprite-loader
          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()
  
          // set preserveWhitespace
          config.module
              .rule('vue')
              .use('vue-loader')
              .loader('vue-loader')
              .tap(options => {
                  options.compilerOptions.preserveWhitespace = true
                  return options
              })
              .end()
  
          config
          // https://webpack.js.org/configuration/devtool/#development
              .when(process.env.NODE_ENV === 'development',
              config => config.devtool('cheap-source-map')
          )
  
          config.module
              .rule('iview')
              .test(/iview.src.*?js$/)
              .use('babel')
              .loader('babel-loader')
              .end()
          config
              .when(process.env.NODE_ENV !== 'development',
                  config => {
                      config
                          .plugin('ScriptExtHtmlWebpackPlugin')
                          .after('html')
                          .use('script-ext-html-webpack-plugin', [{
                              // `runtime` must same as runtimeChunk name. default is `runtime`
                              inline: /runtime\..*\.js$/
                          }])
                          .end()
                      config
                          .optimization.splitChunks({
                              chunks: 'all',
                              cacheGroups: {
                                  libs: {
                                      name: 'chunk-libs',
                                      test: /[\\/]node_modules[\\/]/,
                                      priority: 10,
                                      chunks: 'initial' // only package third parties that are initially dependent
                                  },
                                  elementUI: {
                                      name: 'chunk-elementUI', // split elementUI into a single package
                                      priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
                                      test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
                                  },
                                  commons: {
                                      name: 'chunk-commons',
                                      test: resolve('src/components'), // can customize your rules
                                      minChunks: 3, //  minimum common number
                                      priority: 5,
                                      reuseExistingChunk: true
                                  }
                              }
                          })
                      config.optimization.runtimeChunk('single')
                  }
              )
      }
  }