运行“npm run build”时生成 web.config 文件

Question

我在 IIS 中提供了一个 Vue 应用程序。我需要 dist 文件夹按照此处的说明拥有自定义 web.config 文件。我现在遇到的问题是，每当我运行“npm run build”时，整个 dist 文件夹都会被破坏，并且我的 web.config 文件丢失，我需要再次创建一个。由于文件相当小，这并不是什么大不了的事，但我真的很想自动化它。

我现在的工作方式是转到我的测试机，git pull 主开发分支，执行“npm run build”，创建 web.config 文件并将其放入 dist 文件夹中。我猜我可以在 CI/CD 管道中执行此操作（我还没有……），但我想知道是否有任何方法可以在 CI/CD 之外执行此操作？有什么方法可以运行“npm run build”，它会自动为我生成/复制 web.config 文件吗？

Answer 1

Vue CLI 生成的项目配置为将public文件夹中的任何内容直接复制到构建输出目录中（dist默认情况下）。他们通过 Webpack Copy 插件实现了这一点。

唯一的例外是index.html在复制之前经过一些预处理以注入脚本和样式表的文件。

考虑到这一点，将您的web.config文件放入该public目录中，它将逐字包含在您的构建中。