在 Angular 的组件中导入全局 LESS 文件

Question

在 Angular 9 home.component.less 文件上，我尝试导入全局 less 文件：

@import (reference) './mixins.less';

该文件与 index.html 位于项目根目录中。所以结构是：

src
  mixins.less
  index.html
  app
    home
      home.component.less

构建时出现错误：

Can't resolve './mixins.less' in '/project/src/app/home'

我该如何解决这个问题？

Answer 1

这很可能是路径错误。

尝试

@import (reference) '../../mixins.less';

在src文件夹中搜索文件。

Import global LESS file in Angular's component