时间戳

首页 > 解决方案 > 在 Nx 可发布库中编译和包含 SCSS 的问题

angular - 在 Nx 可发布库中编译和包含 SCSS 的问题

问题描述

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

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

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

尝试使其工作

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

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

这失败并显示以下消息：

———————————————————————————————————————————————

> nx run shared-ui:build:development --watch 
'stylePreprocessorOptions' is not found in schema

———————————————————————————————————————————————

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

看起来这些在projectTypeis时有效，application但在 is 时失败library。

当根据文档没有提到这些是projectType具体的时，为什么会发生这些错误。

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

TL;博士

我想创建一个可发布的样式库来推送到 npm，但不清楚如何编译和移动 SCSS，而不使用webpack，到生成的 dist 文件夹。

标签： angularsassnrwl-nx

解决方案

推荐阅读