const { join } = require('path')
const { name } = require('../package.json')

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

const subappURL = 'http://localhost:5000/'

function rules (config) {
  let rules = config.module.rules.map(v => {
    if (v.test.toString() === '/\\.css/') {
      return {
        test: /\.css/,
        use: [require.resolve('style-loader'), require.resolve('css-loader')]
      }
    }
    return v
  })
  return {
    module: {
      rules
    },
    resolve: {
      alias: {
        '@': resolve('../src')
      },
      extensions: ['.js', '.vue', '.json', '.css']
    },
    output: {
      // publicPath: subappURL, // 作为子应用必须启用
      library: `${name}-[name]`,
      libraryTarget: 'umd',
      jsonpFunction: `webpackJsonp_${name}`
    }
  }
}
module.exports = {
  type: "frontend", // 项目类型
  spa: true, //是否单页应用,url rewrites 规则
  jsExt: ".js", //入口js文件后缀名
  cssExt: ".scss", //入口css文件后缀名
  autocheck: ['aid-elements-desktop', 'aid-font', 'aid-desktop'],
  strict: false,
  beforeDev (config) {
    return rules(config)
  },
  beforeBuild (config) {
    let result = rules(config)
    result.output = {
      publicPath: '/'
    }
    return result
  },
  //hmrPath: subappURL, // 作为子应用必须启用
  //imagePrefix: url => `${subappURL}/asset/image/${url}`, // 作为子应用必须启用
  //fontPrefix: url => `${subappURL}/asset/font/${url}`, // 作为子应用必须启用
  outputPrefix: '/'// 构建后index.html中资源路径的前缀
  ,
  proxy: [
    {
      url: '/sp',
      options: {
        target: 'http://10.1.252.196:8018',
        // target: 'http://10.1.74.27:8018',
        changeOrigin: true,
        // pathRewrite: {
        //   '^/sp': '/'
        // }
      }
    },
  ]
}