从 Angular Typescript 导入 css3/compass

Posted 2023-02-16

【中文标题】从 Angular Typescript 导入 css3/compass

【英文标题】：Import css3/compass from Angular Typescript

【发布时间】：2018-06-04 13:05:36

【问题描述】：

我尝试在一个用 TypeScript（不是 javascript）编写的 Angular 应用程序中使用compass，但是当我写下一行时：

// general.scss
@import 'compass/css3';

我收到以下错误：

@import 'compass/css3';
^
      File to import not found or unreadable: compass/css3.

如何安装指南针？

【参考方案1】：

尝试使用 ~ 导入它（如果您已安装 compass-mixins），

@import '~compass-mixins/lib/compass/css3';

【讨论】：

你安装了 compass（或 compass-mixins）吗？你的node_modules 文件夹里有什么包？

我安装了指南针：npm install compass。

现在我也安装了 compass-mixins，结果相同：'(

根据 compass-mixins 更新了我的答案。

【参考方案2】：

谢谢，我找到了解决方案。只需安装 compass-mixins：

$ npm install compass-mixins

然后从 node_modules 文件夹中读取：

@import '../../../node_modules/compass-mixins/lib/compass';

虽然有点麻烦，但是很管用。

更新：不要使用之前的导入。使用以下语法，如https://***.com/a/47932124/1704895中所述

@import '~compass-mixins/lib/compass/css3';

【参考方案3】：

确实，下面的一个对我有用。

@import '//classpath:compass/css3';