module.exports = {
  publicPath: '/',
  chainWebpack: config => {
    // 添加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()
  },
  devServer: {
    // host: '192.168.1.247',
    host: '127.0.0.1',
    // https: true,
    disableHostCheck: true,
    port: '8082',
    proxy: {
      '/mqtt': {
        target: 'ws://127.0.0.1:8083/mqtt',
        ws: true, // 如果要代理 websockets，配置这个参数
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        pathRewrite: {
          '^/mqtt': '' // 路径重写
        }
      },
      '/socket': {
        target: 'ws://192.168.1.188:8083/mqtt',
        ws: true, // 如果要代理 websockets，配置这个参数
        secure: false, // 如果是https接口，需要配置这个参数
        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
        pathRewrite: {
          '^/socket': '' // 路径重写
        }
      }
    }
  }
  // publicPath: '/GQMobile/'
}

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