const isProdMode = Object.is(process.env.NODE_ENV, 'production')
const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://10.10.100.107:8081/platform-b2c/' : 'http://192.168.253.66:8000/')

module.exports = {
  head: {
    title: '服务预约',
    meta: [
      { charset: 'utf-8' },
      { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge,chrome=1' },
      { name: 'render', content: 'webkit' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'reservation project' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  loading: { color: '#3B8070' },
  build: {
    extend (config, ctx) {
      if (ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    },
    vendor: [
      'axios',
      'element-ui',
      'swiper',
      'vue-baidu-map',
      'vue-jsonp'
    ],
    babel: {
      presets: [
        ['env', {
          targets: {
            'node': 'current'
          },
          useBuiltIns: true,
          debug: !isProdMode,
          include: [
            'transform-async-to-generator'
          ]
        }]
      ],
      plugins: [
        ['transform-object-rest-spread', { useBuiltIns: true }],
        ['syntax-dynamic-import'],
        ['transform-runtime']
      ]
    },
    postcss: [
      require('autoprefixer')({
        browsers: ['last 3 versions']
      })
    ]
  },
  css: [{ src: '~assets/scss/app.scss', lang: 'scss' }],
  dev: !isProdMode,
  env: {
    baseUrl
  },
  plugins: [{
    src: '~plugins/axios.js'
  }, {
    src: '~plugins/element-ui.js'
  }, {
    src: '~plugins/swiper.js', ssr: false
  }, {
    src: '~plugins/vue-baidu-map.js', ssr: false
  }, {
      src: '~plugins/vue-jsonp.js', ssr: false
    }],
  /* TODO  */
  proxyTable: ['/api/**', '/sso/**', '/user/**']
}