如何在 Vite 中将 node_modules 中的 CSS 包含在生产环境中？
How to include CSS from node_modules in Vite in production?
我有一个 typescript web 应用程序，它在 index.html 中包含来自其 NPM 依赖项的 CSS 文件，如下所示：
<link rel="stylesheet" type="text/css" href="./node_modules/notyf/notyf.min.css" />
在我将 vite 添加到我的项目后，它在开发模式下工作 (vite)，因为它提供我的开发文件夹中的内容，其中存在 node_modules 的路径。然而，这在生产 (vite build) 或预览模式 (vite preview) 中中断，它在另一个文件夹中提供，并且 node_modules 文件夹不包含在输出中。
我的旧工作流程只是 npm install 在网络服务器上，所以它的所有依赖项都在 node_modules 文件夹中，但这不适用于 Vite 捆绑的应用程序。
我查阅了包括 https://vitejs.dev/guide/features.html#css 在内的手册，但手册中的所有示例都涉及使用框架和库的人，例如 PostCSS、React、Vue、tailwind、SASS 等等。但是我不使用任何这些技术。
如何让 Vite 在一个简单的 typescript 应用程序中包含来自 NPM 依赖项的 CSS 文件，该应用程序由 ES6 模块组成，没有任何框架？
手册说了一些关于导入的内容，但我不明白，如何以及在何处导入 CSS，在 index.html 或模块中？
在 main.js 中尝试导入 'notyf/notyf.min.css'，这应该有效。
我有一个 typescript web 应用程序，它在 index.html 中包含来自其 NPM 依赖项的 CSS 文件，如下所示：
<link rel="stylesheet" type="text/css" href="./node_modules/notyf/notyf.min.css" />
在我将 vite 添加到我的项目后，它在开发模式下工作 (vite)，因为它提供我的开发文件夹中的内容，其中存在 node_modules 的路径。然而，这在生产 (vite build) 或预览模式 (vite preview) 中中断，它在另一个文件夹中提供，并且 node_modules 文件夹不包含在输出中。
我的旧工作流程只是 npm install 在网络服务器上，所以它的所有依赖项都在 node_modules 文件夹中，但这不适用于 Vite 捆绑的应用程序。
我查阅了包括 https://vitejs.dev/guide/features.html#css 在内的手册，但手册中的所有示例都涉及使用框架和库的人，例如 PostCSS、React、Vue、tailwind、SASS 等等。但是我不使用任何这些技术。
如何让 Vite 在一个简单的 typescript 应用程序中包含来自 NPM 依赖项的 CSS 文件，该应用程序由 ES6 模块组成，没有任何框架？
手册说了一些关于导入的内容，但我不明白，如何以及在何处导入 CSS，在 index.html 或模块中？
在 main.js 中尝试导入 'notyf/notyf.min.css'，这应该有效。