Javascript 无法使用angular project中的模块名称从节点_模块导入.less文件

我正在尝试从打包为节点模块的自定义库导入样式。 假设包名为@custom。我打算通过以下方式从@custom package内部导入较少的文件：

@import '@custom/styles/common.less'

此语句在我添加此导入语句的同一文件夹中搜索

@custom/styles/common.less'

ERROR in ./src/app/app.component.less
Module build failed:

@import "@custom/styles/common";
^
Can't resolve './@custom/styles/common.less' in '<path>\src\app'
      in <path>\src\app\app.component.less (line 1, column 0)

./src/app/app.component.less中的

错误
模块生成失败：
@导入“@custom/style/common”；
^
无法解析“\src\app”中的“./@custom/styles/common.less”
在\src\app\app.component.less中（第1行第0列）

---

是否有方法声明

相对路径

或

模块名称

，以便在节点模块文件夹中搜索？还是我缺少了一些非常基本的东西？

有两种方法可以做到这一点，如果您需要将它们与项目一起编译，那么请将其包含在您的客户端中，如下所示：

"styles": [
    "../node_modules/custom/styles/common.less"

如果要在项目中使用较少的文件并使用其变量，则必须将其包含在angular cli文件中，如下所示：

 "stylePreprocessorOptions": {
    "includePaths": [
      "../node_modules/custom/styles"
    ]
  },

---

在组件样式文件中，可以包含较少的文件，如

@import'../styles/

要使用模块别名，您需要在

tsconfig.json

中配置它们。同时发布您的tsconfig。