从 Angular Typescript 导入 css3/compass

Ceq*_*iel 5 css sass typescript compass angular

我试图compass从用 TypeScript(不是 Javascript)编写的 Angular 应用程序中使用,但是当我写下一行时:

// general.scss
@import 'compass/css3';
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

@import 'compass/css3';
^
      File to import not found or unreadable: compass/css3.
Run Code Online (Sandbox Code Playgroud)

我怎样才能安装指南针?

ama*_*mal 8

尝试用这个导入它~(如果你已经安装了compass-mixins),

@import '~compass-mixins/lib/compass/css3';
Run Code Online (Sandbox Code Playgroud)


Ceq*_*iel 6

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

$ npm install compass-mixins
Run Code Online (Sandbox Code Playgroud)

然后从 node_modules 文件夹中读取它:

@import '../../../node_modules/compass-mixins/lib/compass';
Run Code Online (Sandbox Code Playgroud)

这有点麻烦,但它有效。

更新:不要使用以前的导入。使用以下语法,如/sf/answers/3355248711/ 中所述

@import '~compass-mixins/lib/compass/css3';
Run Code Online (Sandbox Code Playgroud)