vue webpack配置

// vue.config.js

module.exports = {
  // 基本路径
  publicPath: './',

  // 输出文件目录
  outputDir: 'dist',

  // 静态资源目录 (相对于 outputDir)
  assetsDir: 'assets',

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

  // 是否使用包含运行时编译器的 Vue 构建版本
  runtimeCompiler: false,

  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: false,

  // webpack-dev-server 相关配置
  devServer: {
    open: true, // 自动打开浏览器
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 代理的目标地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },

  // webpack 配置，详见链式配置文档 https://cli.vuejs.org/guide/webpack.html#simple-configuration
  configureWebpack: {
    // 自定义 webpack 配置
    plugins: [
      // 可以添加自定义插件
    ]
  },

  // 对内部的 webpack 配置进行更细粒度的修改。
  chainWebpack: config => {
    // 修改默认规则
    config.module
      .rule('images')
      .use('url-loader')
      .loader('url-loader')
      .tap(options => {
        // 修改 options...
        return options;
      });
  }
};

解释说明：

1. publicPath: 指定应用的公共路径，默认是 '/'。如果需要部署到子路径或者使用相对路径，可以在这里进行配置。

2. outputDir: 构建后的文件输出目录，默认是 dist。

3. assetsDir: 静态资源（如图片、字体等）存放的目录，默认是 assets。

4. lintOnSave: 控制是否在开发环境下启用 ESLint 检查，通常在生产环境中关闭。

5. runtimeCompiler: 决定是否使用包含运行时编译器的 Vue 构建版本，默认是 false，即不包含编译器。

6. productionSourceMap: 控制是否在生产环境中生成 source map 文件，默认是 true，但在生产环境中通常不需要。

7. devServer: 配置开发服务器的行为，比如自动打开浏览器、设置代理等。

8. configureWebpack: 允许直接修改 Webpack 的配置对象。

9. chainWebpack: 使用链式 API 来修改 Webpack 配置，提供了更灵活的配置方式。

以上配置可以根据项目需求进行调整。