const path = require('path')

module.exports = {
  publicPath: './',
  lintOnSave: false,
  productionSourceMap: false,
  devServer: {
    // proxy: {
    //   '/api': {
    //     target: 'https://api.jisuapi.com/weather',
    //     changeOrigin: true,
    //     ws: true,
    //     pathRewrite: {
    //       '^/api': ''
    //     }
    //   }
    // },
    port: 1314,
    compress: true,
    open: true
  },
  chainWebpack: config => {

    // 去除 preload 和 prefetch，减少页面请求次数
    config.plugins.delete('preload')
    config.plugins.delete('prefetch')

    // 配置路径别名
    config.resolve.alias
      .set('@', resolve('src'))
      .set('!', resolve('src/assets/styl/page'))

    // 配置css的全局自动导入
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('stylus').oneOf(type)))
  },

};


function addStyleResource (rule) {
  rule.use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [
        path.resolve(__dirname, './src/assets/styl/imports.styl'),
      ],
    })
}


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