vue build

// vue.config.js 示例代码

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

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

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

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

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

  // 生产环境下的 source map
  productionSourceMap: false,

  // webpack 配置
  configureWebpack: {
    // 自定义配置...
  },

  // chainWebpack 链式操作 webpack 配置
  chainWebpack: config => {
    // 自定义链式配置...
  },

  // css 相关配置
  css: {
    // 是否将组件中的 CSS 提取到一个独立的 CSS 文件中 (生产环境下)
    extract: true,

    // 是否为 CSS 开启 source map
    sourceMap: false,

    // 为所有的 CSS 及其预处理文件开启 CSS Modules
    modules: false,
  },

  // 打包分析
  pluginOptions: {
    // 自定义插件选项...
  }
};

解释说明：

1. publicPath: 设置公共资源的基本路径，默认是 /，如果你的应用是部署在一个子路径下，可以设置为对应的子路径。
2. outputDir: 设置打包后的文件输出目录，默认是 dist。
3. assetsDir: 设置静态资源（如图片、字体等）的相对路径，默认是 assets。
4. lintOnSave: 控制是否在开发环境下启用 ESLint 检查，默认在非生产环境下启用。
5. runtimeCompiler: 是否使用包含运行时编译器的 Vue 版本，默认是 false，即不包含模板编译功能。
6. productionSourceMap: 是否生成生产环境的 source map，默认是 false，关闭可以减小打包体积。
7. configureWebpack: 允许你直接修改 Webpack 配置。
8. chainWebpack: 使用链式调用的方式修改 Webpack 配置。
9. css: 配置 CSS 相关选项，如是否提取 CSS 文件、是否开启 source map 等。
10. pluginOptions: 用于传递自定义插件的选项。

以上配置可以帮助你更灵活地控制 Vue 项目的构建过程。