如何链接 vite 构建和测试？答案

【问题标题】：How to chain vite build and tests?如何链接 vite 构建和测试？
【发布时间】：2022-11-08 21:48:18
【问题描述】：

在构建生产应用程序之前，vite build 命令似乎没有运行测试（例如，使用vitest 编写的单元测试）。这是相当不安全的。

有没有办法在尝试构建之前配置 vite build 来运行测试？

我在Build Options 中找不到任何内容。

【问题讨论】：

标签： vue.js vuejs3 vite vitest

【解决方案1】：

你的package.json、scripts 部分有什么？你没有一些test 或类似的吗？

build 用于捆绑您的应用程序并将其发送到生产环境。默认情况下，它不应该运行任何测试。
你可以通过做类似的事情来实现这一点

"scripts": {
  "build": "vite build && npm run test:unit && npm run test:e2e",
   "test:unit": "vitest --environment jsdom",
   "test:e2e": "start-server-and-test preview http://localhost:4173/ 'cypress open --e2e'",
},

如果您通过 CLI 生成一个新项目，其中大部分已经为您编写好了，那么只需将它们与&& 正确链接，以确保它们都成功，然后再继续进行。

您还可以添加一些带有 husky + lintstaged 之类的 Git 挂钩，以便您的流程在将其推送到远程仓库之前默认使用某些内容。

否则，它是您 CI 的一部分。它可以是 Docker 组合文件、一些 Github 操作、Gitlab 管道或您的 devops 团队可以为您的部署环境设置的任何东西。

【讨论】：