tnbm/vue.config.js

const path = require('path')

module.exports = {
  // 部署应用包时的基本 URL
  publicPath: '/',

  // 生产环境构建文件的目录
  outputDir: 'dist',

  // 放置生成的静态资源 (js、css、img、fonts) 的目录
  assetsDir: 'static',

  // 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码
  lintOnSave: process.env.NODE_ENV === 'development',

  // 生产环境是否生成 sourceMap 文件，设为 false 以加速构建
  productionSourceMap: false,

  css: {
    loaderOptions: {
      less: {
        // 若使用 less-loader@5
        // modifyVars: { ... }

        // 若使用 less-loader@6 及以上版本，需在 lessOptions 中配置
        lessOptions: {
          modifyVars: {
            // 在这里直接覆盖 Vant 的主题变量
            // 或者通过 hack 引入全局 less 变量文件
            blue: '#00a1d6',
            pink: '#fb7299', // 重点：B站粉色
            'nav-bar-icon-color': '#fb7299',
            'tabbar-item-active-color': '#fb7299',
            'tabs-bottom-bar-color': '#fb7299'
          }
        }
      }
    }
  },

  // 配置别名，方便引入文件
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
        components: path.resolve(__dirname, 'src/components'),
        assets: path.resolve(__dirname, 'src/assets'),
        views: path.resolve(__dirname, 'src/views')
      }
    }
  },

  // 开发服务器配置
  devServer: {
    allowedHosts: 'all',
    port: 8090,
    open: true,
    client: {
      overlay: {
        warnings: false,
        errors: true
      }
    }
    // 如果后端接口跨域，可以在这里配置代理
    /*
        proxy: {
          '/api': {
            target: 'http://your-backend-api.com',
            changeOrigin: true,
            pathRewrite: {
              '^/api': ''
            }
          }
        }
        */
  }
}