从 Angular Typescript 导入 css3/compass答案

【问题标题】：Import css3/compass from Angular Typescript从 Angular Typescript 导入 css3/compass
【发布时间】：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';

【讨论】：

【解决方案2】：

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

$ npm install compass-mixins

然后从 node_modules 文件夹中读取：

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

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：