const path = require('path') // 引入path模块
function resolve(dir) {
  return path.join(__dirname, dir) // path.join(__dirname)设置绝对路径
}

// 这是在修改 vue.config.js
module.exports = {
  devServer: {
    open: true
    // 关闭错误遮罩
    // overlay: {
    //   warnings: false,
    //   errors: false
    // }
  },
  // 关闭 eslint 保存校验
  // lintOnSave: false,
  // rem 的配置
  css: {
    loaderOptions: {
      css: {},
      postcss: {
        plugins: [
          require('postcss-px2rem')({
            // 值 = 设计图对应设计的屏幕宽度 / 10   360 / 10
            remUnit: 36
          })
        ]
      }
    }
  },
  // 别名的配置
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('./src'))
      .set('components', resolve('./src/components'))
      .set('pages', resolve('./src/pages'))
      .set('assets', resolve('./src/assets'))
      .set('styles', resolve('./src/styles'))
    // set第一个参数：设置的别名，第二个参数：设置的路径
  }
}

// import Login from '../../pages/Login.vue'
// import Login from 'pages/Login.vue'
// import Login from '@/pages/Login.vue'