sass @import不适用于以下划线开头的外部文件
Sass的@import指令用于导入外部的Sass文件，以便在当前文件中使用其中定义的样式。然而，@import指令不适用于以下划线开头的外部文件。
以下划线开头的外部文件是指以"_"开头命名的Sass文件，例如"_variables.scss"。这种命名约定通常用于存放一些可重用的样式或者混合器，这些文件不会被直接编译成CSS文件，而是在其他Sass文件中通过@import导入使用。
当使用@import导入外部文件时，Sass会检查导入的文件名是否以"_"开头，如果是，则默认认为这是一个局部文件，不会单独编译成CSS文件。这样做的目的是为了避免将这些局部文件编译成独立的CSS文件，而只将它们的样式合并到其他Sass文件中。
因此，如果你想要导入一个以"_"开头的外部文件，你需要手动在@import指令中加上文件的扩展名，例如@import "_variables.scss"。这样做可以告诉Sass明确地将这个文件作为一个外部文件导入，并将其样式合并到当前文件中。
需要注意的是，Sass的新版本已经不推荐使用@import指令，而是推荐使用@use和@forward指令来导入和导出样式。这些新的指令提供了更好的模块化支持和更灵活的样式组织方式。因此，在实际开发中，建议使用@use和@forward指令来代替@import指令。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全可靠、高扩展性的云存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，帮助开发者快速构建和管理物联网设备。详情请参考：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链服务（Tencent Blockchain）：提供安全可信赖的区块链服务，帮助企业构建和管理区块链应用。详情请参考：https://cloud.tencent.com/product/tbc
相关·内容
错误如下: SassError:未找到或无法读取要导入的文件：@library-x/core/style/main来自./style/app.scss的第3行 ./style/app.scss的内容 //more imports@import '@library-x/core/style/main&#
浏览 33提问于2020-04-10得票数 0
回答已采纳
1回答
我正在尝试将多个scss文件转换为单个css file。main.scss文件还导入多个文件和variable.scss文件。当我转换为css文件时，我收到一个错误，如下所示：var gulp = require('gulp');
var sass = require('gulp
浏览 0提问于2020-11-24得票数 1
回答已采纳
2回答
我有这个模板- ，当我将它添加到我现有的Meteor应用程序时，它不加载scss files，只加载客户机目录中的css文件。尽管我将scss files放在公用文件夹中。我能用什么最好的方式加上这个呢？因为我无法让它工作，所以我决定将scss编译成css。sass_folder ----base_scss_subfoler _mixins
main.sc
浏览 7提问于2017-07-25得票数 2
回答已采纳
为什么在scss中将_放在文件名的前面？
_filename.scss -为什么它需要_？
浏览 4提问于2016-01-20得票数 235
回答已采纳
例如，假设我有main.css、main.sass、about.sass和contact.sass。@import 'tools&#x
浏览 2提问于2016-11-22得票数 0
回答已采纳
1回答
.scss部分文件是否必须以下划线开头？文档指出，分部应以下划线开头，因为否则该文件将编译为CSS文件。
然而，我注意到gulp-sass可以将不带下划线的文件编译成一个完整的CSS文件。
浏览 4提问于2015-07-09得票数 44
回答已采纳
3回答
我正在设法将我的多个scss文件编译成一个css文件。问题是，它为每个scss文件创建一个css文件，外加一个css映射文件。在sass --watch .assets/css/sc
浏览 1提问于2020-02-03得票数 0
回答已采纳
我在一个名为src/assets/scss的目录下有多个css文件。我想在dist/assets/css下将这些文件编译成类似名称的css文件。
浏览 0提问于2020-08-30得票数 1
用laravel来编制我的资产。在laravel混合文档中，我似乎找不到一种方法来添加我自己的普通css文件来进行合并和监视。我在public/css/custome.css文件中有自己的css规则。我应该在webpack.mix.js文件中写些什么，这样我的这个文件才能被laravel所包含和监视？目前，我在文件中有以下几行：
mix.js('resources/assets
浏览 3提问于2017-12-17得票数 3
我理解导入SASS/SCSS部分而不使用前导下划线的最佳做法；例如// this imports ./normalize-scss/_normalize.scss
我对书呆子完整性的问题是，如果使用下划线导入文件，会有什么后果吗？@import 'normalize-scss/_
浏览 3提问于2015-01-16得票数 39
1回答
我正在使用gulp-ruby-sass来编译我的css，并为一个基于Jekyll的站点生成源码地图。正在生成源映射。当我检查一个样式时，Sass partial被标识为该样式的来源。但是当我点击文件名时，我会进入一个空的窗口。我需要在生成站点时将整个scss目录复制到_site目录中。但Jekyll会忽略所有以下划线为前缀的文件，因此会自动排除所有Sass部分。我尝试将、scss、
浏览 0提问于2014-11-09得票数 1
我有主要的scss文件与混合，变量，扩展等。目前，如果我想使用混合或变量，我需要在每个组件中直接@import './global.scss';我想要使用它。
浏览 0提问于2020-04-16得票数 0
，如果你想在本地重现，我还将它作为base64编码的tar.gz包含在底部。它还包括完整的回溯。│ ├── all.css.sass下面是所有的文件内容：require 'animate-sass'"gem "middleman-smusher&quo
浏览 1提问于2013-04-19得票数 5
回答已采纳
1回答
来自gruntfile.js的片段 compile: { expand: true, ext: '.css' }这应该适用于
基本上，我希望编译“css”目录中的所有.scss文件，除非它们以下划线开头。
浏览 2提问于2013-10-10得票数 4
回答已采纳
我安装了最新的sass，使用sass -v告诉我它是3.2.12分词以下划线开头，因此不应编译它们(_variables.scss)。main.scss如下所示：
@import<
浏览 0提问于2013-10-12得票数 1
问题在于引用css文件中的文件路径。我想做这样的事情：但是，Jekyll似乎并没有处理css文件，所以site.baseurl从未被交换过。在其他情况下，我不能仅仅将其更改为内联样式，所以假设这
浏览 3提问于2013-11-17得票数 15
回答已采纳
我正试着用粗鲁的语气说话，我有一个奇怪的行为。如果我创建任何带下划线的文件，它将不再起作用，也不会导入。{scss,sass}', } sass: {};
如果我创建一个文件，例如，scss/中的</em
浏览 0提问于2016-02-18得票数 1
3回答
我用的是救生筏里的金库。我已经成功地为vaadin编写了一个完全响应的主题(是的，表也是)，基于引导。现在我把它进口到救生筏上。一切都很好，直到我需要升级Liferay，在那里，他们的新响应主题是使用相同的类名称作为引导，但有不同的行为(悲伤，非常悲伤的脸)。到目前为止，我认为的解决方案是将类应用到vaadin编译的css中，如下所示： @import bootstrap.c
浏览 5提问于2014-06-19得票数 21
是否可以让sass监听包含多个sass文件的目录并生成一个CSS文件？我找到了一种方法，将多个sass文件包含在一个文件中(style.scss)：@import "scss/footer";sass--watch style.scss:style.cs
浏览 4提问于2011-09-05得票数 40
回答已采纳
3回答
改变鞋带材质主题的色彩
、、、、
我正在开发一个应用程序，我想使用更深橙色的颜色样式，并试图覆盖文件的sass版本中的某些变量，但是当我使用gulp编译它时，它不会改变。另一件奇怪的事情是，当我使用sass版本时，默认的颜色是蓝色/靛蓝色，但是仅仅使用来自github的预编译css时，它就使用了teal颜色样式。我的app.scss文件中有以下内容
@import "vendo
浏览 3提问于2016-05-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
