Nx 工作区，tailwind 在库中不工作

Question

我遇到了一个问题，我在 NX 工作区中为我的 angular 项目配置了 tailwind。 当我现在在库中使用 tailwind 时，这是一种奇怪的行为。 我已经知道这个问题了，但我现在没有解决方案。 这是我用来设置 tailwind 的教程。 最初一切正常，但现在有点像没有应用来自 libaries 的 scss / tailwind。 通常它应该可以工作，在他们写的教程中：

在 Nx 工作区中，常规库（不可构建和不可发布）只是应用程序的一部分，仅作为使用它的应用程序构建过程的一部分构建。 因此，只要使用它的应用程序配置了 Tailwind CSS，即使库本身没有 Tailwind CSS 配置，库代码也会按预期处理。 事实上，将 tailwind.config.js 文件添加到库中不会有任何影响（它会被忽略），因为库永远不会自行构建。

所以我不知道为什么它不起作用。 目前我有一个不好的解决方法。 我从项目的库中复制 html 代码，编译后删除它，tailwind 配置被应用到库中。

那么我如何确保顺风应用于库，而不复制代码。

style.scss，有 3 个导入： @tailwind base; @tailwind components; @tailwind utilities; @tailwind base; @tailwind components; @tailwind utilities;

tailwind.config.js：

const { join } = require('path');

module.exports = {
  content: [
    join(__dirname, '/src/**/!(*.stories|*.spec).{ts,html}'),
    ...createGlobPatternsForDependencies(__dirname),
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

Answer 1

createGlobPatternsForDependencies可以识别您应用程序的依赖项并返回它们的全局模式。

1. 您应该检查您的库是否不可构建和不可发布
2. 也许你应该重新构建。