Sass 导入不抓取 node_modules 以找到合适的包

标签 sass gulp-sass bootstrap-sass node-sass

我正在使用 bootstrap-sass。节点模块已安装。我应该期望我可以在任何 .scss 文件中使用下面的行导入到适当的工作表中

@import 'bootstrap';

我的理解是编译器会向上爬直到找到 package.json,然后跳转到 node_modules 并找到合适的包。相反,我收到以下错误。

Error: File to import not found or unreadable: bootstrap

如果我用下面的完全限定路径替换我的导入,那么一切都会正常工作。

@import '../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap';

我正在使用 gulp-sass 进行编译。我猜我只是关闭了一些小的配置位,但我不知道它是什么。

最佳答案

将路径作为包含路径传递....

例如。如果你使用 gulp,它看起来像这样

.pipe(sass({
  includePaths: ['node_modules/bootstrap-sass/assets/stylesheets']
}))

那么你应该可以使用:

@import 'bootstrap';

关于Sass 导入不抓取 node_modules 以找到合适的包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41511455/

相关文章:

gruntjs - Grunt 正在运行 "watch"任务并等待......永远。是我的 Gruntfile.js 语法吗?

twitter-bootstrap - 未应用 Bootstrap 3.1.0 模态大小

css - 为什么按钮元素不受CSS影响?

html - flex 元素不向右移动

html - 在 Netflix、w3schools 等网站中,位置如何从相对动态/编程方式更改为固定位置?

css - Gulp Sass 编译成非常长的、意想不到的规则集

css - 当使用 Laravel Elixir 编译 Sass(就像 Compass 那样)时,如何让 SCSS 行号显示在 CSS 文件中?

javascript - 我如何使用 Gulp 从 SASS/SCSS 压缩和自动前缀 CSS 文件

twitter-bootstrap-3 - bootstrap-sass : should I import custom variables before or after _variables. scss 中的 DRY 方法?

css - 使用 mixin 参数作为变量