vue.config.js配置

// vue.config.js 配置示例

module.exports = {
  // 基本路径
  publicPath: './', // 默认是'/'，根据实际情况修改

  // 输出文件目录
  outputDir: 'dist', // 打包输出的目录，默认为'dist'

  // 静态资源目录 (相对于 outputDir)
  assetsDir: 'assets', // 静态资源会放在 dist/assets 目录下

  // 是否在保存时使用 `eslint-loader` 进行检查
  lintOnSave: process.env.NODE_ENV !== 'production', // 生产环境下关闭 ESLint 检查

  // 是否使用包含运行时编译器的 Vue 构建版本
  runtimeCompiler: true, // 如果需要使用 template，则需设置为 true

  // 生产环境下的 source map 设置
  productionSourceMap: false, // 生产环境下不生成 source map 文件

  // webpack-dev-server 相关配置
  devServer: {
    open: true, // 自动打开浏览器
    host: '0.0.0.0', // 允许外部访问
    port: 8080, // 端口号
    https: false, // 是否使用 https
    hotOnly: false, // 热更新
    proxy: { // 代理配置
      '/api': {
        target: 'http://localhost:3000', // 目标服务器地址
        changeOrigin: true, // 支持跨域
        pathRewrite: {
          '^/api': '' // 请求路径重写
        }
      }
    }
  },

  // webpack 配置
  configureWebpack: {
    // 可以在这里添加额外的 webpack 配置
    resolve: {
      alias: {
        '@': require('path').resolve(__dirname, 'src') // 设置别名 @ -> src
      }
    }
  },

  // chainWebpack 更加灵活地修改 webpack 配置
  chainWebpack: config => {
    config.plugins.delete('prefetch'); // 删除预加载插件
  }
};

解释说明：

• publicPath: 指定应用的公共路径。默认是 /，如果你的应用不在根路径下，可以修改为相对路径。
• outputDir: 打包后的文件输出目录，默认是 dist。
• assetsDir: 静态资源（如图片、字体等）存放的目录。
• lintOnSave: 是否在保存时进行 ESLint 检查，生产环境下通常不需要开启。
• runtimeCompiler: 是否使用包含运行时编译器的 Vue 版本，如果需要使用 <template> 标签，则需设置为 true。
• productionSourceMap: 生产环境下是否生成 source map 文件，通常建议关闭以减小打包体积。
• devServer: 开发服务器的配置，包括端口、代理等。
• configureWebpack: 直接修改 webpack 配置，比如设置别名。
• chainWebpack: 更加灵活地修改 webpack 配置，比如删除某些插件。

这个配置文件可以根据项目需求进行调整。