首页 > webpack的bootstrap-sass如何正确使用

webpack的bootstrap-sass如何正确使用


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


既然提到了 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 文档里有,自己看吧。

【热门文章】
【热门文章】