在 Nx 可发布库中编译和包含 SCSS 时出现问题

Question

我在 Nx 工作区中使用该标志创建了一个样式库--publishable。这是因为我们需要将样式发布为 npm 包，以便在 Nx 工作区之外的其他产品中使用样式。

\n

我之前已经使用 a 完成了此操作，webpack.config.js但我正在尝试通过 Nx 命令来完成此操作。

\n

当我运行 Nx:build 命令时，它不包含 scss 文件（如预期）。为了解决这个问题，我尝试了：

\n

尝试让它发挥作用

\n

我将其添加到angular.json文件中project/{{lib-project}}/architect/build/options

\n

"stylePreprocessorOptions": {\n  "includePaths": [\n    "src/style-paths"\n  ]\n}\n

\n

失败并显示以下消息：

\n

\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\n\n> nx run shared-ui:build:development --watch \n\'stylePreprocessorOptions\' is not found in schema\n\n\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\n

\n

使用样式或资产标签尝试此操作会给我同样的警告。

\n

projectType当是 时，这些似乎有效，application但当 是 时，这些似乎失败了library。

\n

当根据文档没有提及这些错误时，为什么会发生这些错误projectType。

\n

对于如何在 Nx 中没有这些命令的情况下编译 SCSS 文件有什么帮助吗？

\n

长话短说

\n

我想创建一个可发布的样式库以推送到 npm，但不清楚如何在不使用 的情况下编译 SCSS 并将其移动webpack到生成的 dist 文件夹。

\n