const path = require('path')

function resolve (dir) {
  return path.join(__dirname, dir)
}

const isProd = process.env.NODE_ENV === 'production'
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
  publicPath: './',
  outputDir: 'views/ecologicalEye',
  assetsDir: 'assets/',
  runtimeCompiler: true,
  css: {
    sourceMap: true
  },
  lintOnSave: false,
  devServer: {
    https: false, // 设置前端https进行访问
    port: 8083,  // 固定开发服务端口
    open:true,
    overlay: {
      warning: false,
      errors: false
    },
    // 代理设置
    proxy: {
      '/api': {
        target: 'http://httpbin.org',
        pathRewrite: { '^/api': '' }
      }
    }
  },
  // 多页面配置
  pages: {
    index: {
      entry: 'src/pages/ChemicalPage/main.js',
      template: 'src/pages/ChemicalPage/ChemicalPage.html',
      filename: 'index.html',
      // 当使用 title 选项时，template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '南京消防指挥-化工',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk
      chunks: ['chunk-vendors', 'chunk-common', 'ChemicalPage']
    },
    ChemicalPage: {
      entry: 'src/pages/ChemicalPage/main.js',
      template: 'src/pages/ChemicalPage/ChemicalPage.html',
      filename: 'ChemicalPage.html',
      title: '南京消防指挥-化工',
      chunks: ['chunk-vendors', 'chunk-common', 'ChemicalPage']
    },
  },
  // 添加额外webpack配置
  configureWebpack: {
    module: {
      rules: [{
        test: /\.worker\.js$/,
        use: {
          loader: 'worker-loader',
          options: {
            inline: 'fallback',
            filename: '[name]:[hash:8].js'
          }
        }
      }]
    },
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },
    plugins: []
  },
  // webpack配置运行时缓存，加速项目启动时间
  chainWebpack: (config) => {
    config.cache(true)
    if (isProd) {
      // 压缩代码删除console
      config
        .plugin('uglifyjs-webpack-plugin')
        .use(UglifyJsPlugin, [{
          sourceMap: false,
          parallel: true
        }])
        .end()
    }
  }
  
}