const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: true,

  devServer: {
    // npm run dev=>自动在浏览器打开
    open: true,
    port: 8080,
    host: 'localhost'
  },

  configureWebpack: {
    devServer: { allowedHosts: ['www.corho.com'] }
  },

  // 自动添加的：less变量自动注入的配置
  // 开发者需要：指定自动注入less变量文件 => 注入到所有.vue文件style中
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        // __dirname 指向当前项目的根目录
        path.join(__dirname, '/src/styles/var.less')
      ]
    }
  }
})