是否可以使用类似于从同一工作区中的应用程序解析ts个文件的方法来解析工作区库中包含的SA?对于上下文,我将设置一个真实的工作空间,如下所示:

ng new theme-workspace --create-application=false
cd theme-workspace
ng g library theme
mkdir projects/theme/src/lib/styles
touch projects/theme/src/lib/styles/index.scss
ng g application playground

在目录projects/theme/src/lib/styles内,我们将向index.scss添加以下内容.

$color: red;

为了包括样式资源,我们需要使用asset块更新ng-package.json,如下所示:

  "assets": [
    { "input": "src/lib/styles", "glob": "**/*.scss", "output": "styles" }
  ]

如果我们像这样构建这个项目库:

ng build theme

我们看到dist/theme/styles等于index.scss.

我们可以像这样从操场访问生成的ts组件ThemeComponent.

import { ThemeComponent } from 'theme';

在使用@use导入sass index.scss模块时,是否可以使用类似的命名空间?

例如,如果我们try 从操场styles.scss模块执行此操作,则会失败:

@use `theme/styles` as t;

这就是错误所在.

SassError: Can't find stylesheet to import.
  ╷
2 │ @use 'theme/styles' as t;

现在我们可以通过使用相对文件导入来解析,但我很好奇是否有一种使用库名称空间的"简写"方法?

推荐答案

目前不支持这一点,但它有一个feature request.

Javascript相关问答推荐

我应该如何在此Angular 16应用程序中的方法中使用@ Hostspel?

主要内部的ExtJS多个子应用程序

如何使用侧边滚动按钮具体滚动每4个格?

从PWA中的内部存储读取文件

使用i18next在React中不重新加载翻译动态数据的问题

当点击注册页面上的注册按钮时,邮箱重复

空的结果抓取网站与Fetch和Cheerio

PDF工具包阿拉伯字体的反转数字

如何通过将实例方法的名称传递给具有正确类型的参数的继承方法来调用实例方法?

将内容大小设置为剩余可用空间,但如果需要,可在div上显示滚动条

如何使用JavaScript拆分带空格的单词

在浏览器中触发插入事件时检索编码值的能力

类构造函数忽略Reaction Native中的可选字段,但在浏览器中按预期工作

如何在箭头函数中引入or子句?

使用带有HostBinding的Angular 信号来更新样式?

SPAN不会在点击时关闭模式,尽管它们可以发送日志(log)等

我想将Sitecore搜索面过滤器从多个转换为单个

是否可以将异步调用与useState(UnctionName)一起使用

在SuperBase JS客户端中寻址JSON数据

React Refs不与高阶组件(HOC)中的动态生成组件一起工作