要确保每次打包时 web.config 文件自动复制到 dist 目录下，你可以在 Vue.js 项目的构建配置中进行设置。以下是实现的步骤：

1. 在 Vue 项目中添加 web.config 文件

将 web.config 文件放在你的 Vue 项目的根目录下，通常与 package.json 文件同级。这样可以方便地在构建时访问它。

2. 修改 package.json 文件中的 build 脚本

在 package.json 中的 scripts 部分，可以通过命令将 web.config 文件复制到 dist 目录。你可以使用 copyfiles 或 cpx 等工具来实现这一点。下面是两种常用方法。

方法一：使用 copyfiles

1. 安装 copyfiles：

   npm install copyfiles --save-dev

2. 修改 package.json：
   在 scripts 部分修改 build 命令，将 web.config 复制到 dist 目录。例如：

   "scripts": {
       "build": "vue-cli-service build && copyfiles -u 1 web.config dist/"
   }

方法二：使用 cpx

1. 安装 cpx：

   npm install cpx --save-dev

2. 修改 package.json：
   在 scripts 部分修改 build 命令，将 web.config 复制到 dist 目录。例如：

   "scripts": {
       "build": "vue-cli-service build && cpx web.config dist/"
   }

3. 运行构建命令

完成上述步骤后，每次运行 npm run build 时，web.config 文件都会被自动复制到 dist 目录中。

示例

最终的 package.json 可能看起来像这样：

{
  "name": "your-vue-project",
  "version": "1.0.0",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build && copyfiles -u 1 web.config dist/",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    // 你的项目依赖
  },
  "devDependencies": {
    "copyfiles": "^2.3.0", // 或者使用 cpx
    // 其他开发依赖
  }
}

总结

通过上述步骤，你可以确保每次构建时 web.config 文件都会被复制到 dist 目录下，这样可以方便地进行 IIS 部署。选择合适的工具（copyfiles 或 cpx）和命令来完成这个任务。