- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在尝试在我的项目中开始使用 Bourbon 和 Neat Sass 库。我想用 Gulp 编译 Sass。这是我在其中一个教程中找到的一个简单的 styles
任务设置:
var gulp = require('gulp'),
sass = require('gulp-sass'),
neat = require('node-neat').includePaths;
var paths = {
scss: './assets/styles/*.scss'
};
gulp.task('styles', function () {
return gulp.src(paths.scss)
.pipe(sass({
includePaths: ['styles'].concat(neat)
}))
.pipe(gulp.dest('./dist/styles'));
});
gulp.task('default', function () {
gulp.start('styles');
});
然后在主 .scss
文件中我放置导入:
@import "bourbon";
@import "base/base";
@import "neat";
该任务正确执行。
让我困惑的是 includePaths
到底做了什么?根据上面的例子,有人可以向我解释一下 includePath
的作用是什么吗?
最佳答案
SASS 编译器在解析 SASS @imports 时使用 loadPaths 中的每个路径。
loadPaths: ['styles/foo', 'styles/bar']
@import "x"; // found via ./styles/foo/_x.scss
@import "y"; // found via ./styles/bar/_y.scss
请注意,编译器通过从从左到右考虑loadPaths
中的每个路径来解析每个@import(类似于UNIX环境中的$PATH
)。一个示例场景可能是:
loadPaths: ['styles/i', 'styles/ii', 'styles/iii', 'styles/iv']
@import "x"; // no file at ./styles/i/_x.scss
// no file at ./styles/ii/_x.scss
// found a file at ./styles/iii/_x.scss ...
// ... this file will be used as the import
// ... terminate lookup
// the file ./styles/iv/_x.scss will be ignored
styles/i
中没有 _x.scss
文件,因此它继续查看 styles/ii
内部。最终它在styles/iii
中找到了一个_x.scss
文件并完成了查找。它从数组中的第一个元素开始向右移动,查看 loadPaths 中的每个文件夹。尝试所有路径后,如果找不到该文件,则声明此 @import 语句无效。
如果您有外部库(例如 bournon/neat),加载路径会很有用。外部库很大并且会使用大量@import语句。但是,它们与您的项目文件夹结构不匹配,因此无法解析。但是,您可以向 loadPaths 添加额外的文件夹,以便外部库内的 @importsdo 得到解析。
关于sass - Gulp 的 includePaths 有什么作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35379396/
我正在尝试在我的项目中开始使用 Bourbon 和 Neat Sass 库。我想用 Gulp 编译 Sass。这是一个简单的styles我在其中一个教程中找到的任务设置: var gulp = req
我在包含 qmake 项目时遇到问题。在我的 .pro 文件中,我有: INCLUDEPATH += "C:\OpenCV\build\include" 在我的 cpp 中: #include 编译
我正在尝试使用 Laravel Elixir 并希望使用 includePaths 包含 Bootstrap ,但它不起作用。我哪里错了? var paths = { 'bootstrap':
我试图在我的 Windows 笔记本电脑中使用 VS Code 进行编译,它说无法打开源文件“unistd.h”“检测到 #include 错误。请更新您的 includePath。(等等)” 我搜索
我正在使用 ant 运行我的 android 项目,以便使用 Hudson 持续运行它。我在我的 mac 上创建了我的 build.xml,而不是导入生成的 android build.xml,我复制
我遇到了一个问题,VSCode 会识别我包含的 zipper.h,然后不知何故转向我并告诉我没有这样的文件或目录。我不确定这是否是我的代码或包含或 vs 代码的问题。 https://i.gyazo.
使用以下版本进行 hibernate 搜索: hibernate-core-4.2.0.Final.jar hibernate-search-engine-4.4.2.Final.jar hibern
我正在使用 odb 并在给定的 .pro 文件中包含添加项 here . 我发现读取“QMAKE_EXTRA_COMPILERS += odb”的行(倒数第二个代码块的底部)似乎撤消了我的 INCLU
我正在尝试在我的项目中开始使用 Bourbon 和 Neat Sass 库。我想用 Gulp 编译 Sass。这是我在其中一个教程中找到的一个简单的 styles 任务设置: var gulp = r
抱歉重复,但解决方案来自 INCLUDEPATH in qmake project file doesn't work (运行 qmake)对我不起作用。 虽然这有效: include "C:/Pro
我正在使用 Visual Studio Code,当我开始用 C 编写代码时,出现一条错误消息: include errors detected. Please update your include
这个问题:Visual Studio Code includePath展示了如何修改 Visual Studio 代码的全局 includePath 以更改 VSCode 查找头文件的位置。我想更改
假设我们在名为 dirOfKatze 的目录中有一个名为 Katze 的类。 Katze.h #ifndef KATZE_H #define KATZE_H class Katze { public:
我使用 qmake 来构建一个项目。该项目包含几个静态库和一个可执行文件。可执行文件链接到静态库,因此将库的路径添加到 INCLUDEPATH 变量中。 当我更改可执行文件的头文件中的某些内容时,一切
所以我正在建立一个新项目,我想通过 npm 将 Bourbon 用于 scss。这需要执行 npm install bourbon,然后在编译时以某种方式将路径传输到 node-sass。 我当前的
我在 Linux 上使用带有 C/C++ 扩展的最新版本的 Visual Studio Code。我试图弄清楚为什么它在查找我的包含文件时遇到问题。 在一个 .c 文件中,它显示以下内容: #incl
在我的应用程序中,我尝试在 Mint 17.2(ICU 52.1 附带)上使用我自己构建的 ICU 54.1。在我的应用程序的 .pri 中,我有: INCLUDEPATH += $${PWD}/
我的应用程序 sass(在 scss 文件中)在我的 styles 目录中的各个子目录中,其中一些 @extend 来自不同供应商的 sass 样式,(通过 bower ) 位于 vendor 目录下
我正在尝试将 vscode 与 arduino 一起使用,但没有成功。问题似乎出在库路径上。但我没能解决这个问题!我在 Linux 上。 "message": "#include errors det
Visual Studio 2010(“项目属性”对话框) 我已经安装了 Visual Studio 2010 Ultimate,它显然已经为我的 Win32 C++ 包含和库导入了默认目录。我创建的
我是一名优秀的程序员,十分优秀!