angular - 在 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'

我该如何解决这个问题？

标签： angularangular9

Answer 1

这很可能是路径错误。

尝试

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

在 src 文件夹中搜索文件。