vue 项目打包

// vue.config.js
module.exports = {
  // 输出文件目录
  outputDir: 'dist',

  // 配置别名
  configureWebpack: {
    resolve: {
      alias: {
        '@': require('path').resolve(__dirname, 'src')
      }
    }
  },

  // 打包时是否生成 source map 文件
  productionSourceMap: false,

  // 修改 pages 配置，可以配置多页面应用
  pages: {
    index: {
      entry: 'src/main.js', // 入口文件
      template: 'public/index.html', // 模板文件
      filename: 'index.html' // 输出文件名
    }
  }
}

// 打包命令
// 在 package.json 中添加以下脚本
{
  "scripts": {
    "build": "vue-cli-service build"
  }
}

解释说明：

1. outputDir: 指定打包后的文件输出目录，默认是 dist。
2. configureWebpack: 通过 Webpack 的 resolve.alias 配置路径别名，方便在项目中使用相对路径。
3. productionSourceMap: 设置为 false 可以减少打包体积，因为生产环境中通常不需要 source map 文件。
4. pages: 配置多页面应用的入口文件、模板文件和输出文件名。这里只配置了一个页面 index。
5. 打包命令: 在 package.json 中添加 build 脚本，运行 npm run build 或 yarn build 即可打包项目。

如果你需要更详细的配置或有其他需求，请告诉我！