如何以角度6导入sass文件

角 CSS

小小

2020-03-23

我使用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

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

第2840篇《如何以角度6导入sass文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
JinJin乐逆天 2020.03.23

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

我只需要这样导入（在组件样式表中）

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

现在一切正常

谢谢大家的帮助

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android