// 第二种：全局样式表
// module.exports = {
//   css: {
//     loaderOptions: {
//       less: {
//         modifyVars: {
//           // 直接覆盖变量，注意：变量名之前不需要加 @ 符号
//           'nav-bar-background-color': '#007bff',
//           'nav-bar-title-text-color': 'white',
//           'nav-bar-title-font-size': '14px'
//         }
//       }
//     }
//   }
// }

// 顶部样式布局定制第三种:
const path = require('path')

// 自定义主题的文件路径
const coverPath = path.join(__dirname, './src/styles/cover.less')

module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // 通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${coverPath}";`
        }
      }
    }
  }
}