javascript - webpack的bootstrap-sass如何正确使用

Question

官方使用说明，我在不引入_bootstrap.scss文件都可以正常部署
一引入则提示file to import not found，也不懂怎么解决，求大神,万分感谢

Answer 1

既然提到了 webpack，你用的 sass-loader 是哪个？如无意外，应该用的是这一个：https://github.com/jtangelder/sass-loader

如果是这样的话，你应该仔细读一下它的文档。

简单地说，当你用 bower/npm 安装了 bootstrap-sass 之后，你自己的样式文件（比如 app.scss）和 bootstrap 的样式文件并不在同一个可以由 sass 去 resolving 的路径上，因此你直接 @import 'bootstrap-custom' 当然是找不到的这个文件的。

如果你是 sass 的编译器，给你这么一句 import 你能判断出 'bootstrap-custom' 在哪里吗？

所以 sass 在编译时提供了一个 includePaths 用于指明 resolving paths，而你要做的就是给它正确的 paths 定义。具体方法在上面那个 loader 文档里有，自己看吧。