当我更改样式/布局时重新加载 NestJS 和 TailwindCSS 应用程序

Question

我将 NestJS 配置为在我更改样式时自动重新加载，例如将 TailwindCSS class 添加到 HTML 元素。

我想我已经接近实现它了，因为：

• 我已经安装了 webpack，每当我更改代码时，服务器都会重新加载/重新编译 Typescript。 npm run start:dev运行这些脚本"nest build --webpack --webpackPath webpack-hmr.config.js --watch"

• 当我运行npm build （运行"nest build && npx tailwindcss -i./src/assets/tailwind.css -o./dist/tailwind.css --watch" ）并更改样式时，它会“重建”每次。 虽然npm build没有运行服务器......

但是，我还没有弄清楚如何让这两个脚本同时协同工作。 每当 TypeScript 或 TailwindCSS 更改时，我都需要重新加载服务器。 我尝试将"nest build && npx tailwindcss -i./src/assets/tailwind.css -o./dist/tailwind.css --watch"添加到npm run start:dev的脚本中。

Answer 1

您可以在Github上查看我对此的解决方案。 我最终不需要使用 webpack。 只需在main.ts和nest-cli.json