我在SCSS文件中导入常规CSS文件,但是?

时间:2018-07-25 12:31:49

标签: css sass

im导入scss @import "./libs/bootstrap-select.css";

在给定@import url(./libs/bootstrap-select.css);后构建

我需要文件中的CSS代码

如果以scss @import "./libs/bootstrap-select";规范导入,但是

DEPRECATION WARNING on line 1, column 8 of /libsass/test.scss: Including .css files with @import is non-standard behaviour which will be removed in future versions of LibSass. Use a custom importer to maintain this behaviour. Check your implementations documentation on how to create a custom importer.

5 个答案:

答案 0 :(得分:3)

我刚刚找到了解决此问题的简便方法。 只需将您的.css文件重命名为.scss文件并导入即可,请确保更新您的import语句以使用新的.scss扩展名引用该文件。 警告消失了:)

答案 1 :(得分:2)

LibSass的最新实现警告我们即将进行更改,以遵循sass标准,他们主要是说您应该指示sass / scss代码来“加载”标准css文件,而不是内联导入形成一个唯一的css文件的一部分,它将不再那样工作,当然,这只是现在的警告,但是在不久的将来,他们将删除该功能,并称其为“非标准行为”:D因此我邀请您阅读此主题:

Including .css files with @import is non-standard behaviour which will be removed in future versions of LibSass.(GitHub问题#2362)

答案 2 :(得分:0)

我遇到了同样的问题,但只需要一页上的.css文件。我的解决方案是,而不是将其导入我的.scss中,而是使用Gulp将.css文件从我的资源目录复制到公共目录中。然后,在需要.css代码的页面上,我使用以下命令导入了该代码:

<link href="path + file.css" rel="stylesheet" type="text/css">

答案 3 :(得分:0)

将其包装在url()

例如

@import url("{file Path here}");

答案 4 :(得分:-1)

*。scss的导入方式与* .css文件的导入方式相同-只需省略扩展名即可:

@import "path/to/file";

这将导入file.css

如果这不起作用,请将扩展名从.css文件更改为.scss并将其导入@import "yourfile";