如何以角度6导入sass文件

我使用sass创建了一个新的角度项目,并创建了一个名为sass的文件夹,其中包含一个名为_variables.scss的文件,

在应用程序组件中,我试图导入这样的变量。

@import 'variables'

当我运行ng serve时,出现以下错误:

./src/app/app.component.scss模块构建失败:

@import 'variables'
^
      File to import not found or unreadable: variables.
      in C:\Users\Bonge\Documents\Projects\movies_database\movies-client\src\app\app.component.scss (line 1, column 1)

请注意,我向angular.json添加了以下内容:

"stylePreprocessorOptions": { "includePaths": [ "src/", "src/sass/" ]

目录结构只是一个有角度的入门应用程序:

|- src/
    |- sass/
        |- _variables.scss
        |- _mixins.scss
        |- styles.scss

我仍然遇到相同的错误:我在这里做错了什么?任何帮助

JinJin乐逆天2020/03/23 14:32:37

在新的angular v6中,导入sass文件与以前的版本略有不同。

我只需要这样导入(在组件样式表中)

@import "~src/sass/variables";    // note: without file extension

现在一切正常

谢谢大家的帮助