webpack lektor bootstrap scss @importpath

我试图用lektor使用bootstrap。

按照这里find的说明,一切都按预期工作。 然后我用npm来安装jquerybootstrap

“要求”在webpack/js/main.js jquery和bootstrap工作顺利。 但是当我试图

 @import "bootstrap"; 

webpack/scss/main.scss我有以下几点:

 ERROR in ./~/css-loader!./~/sass-loader!./scss/main.scss Module build failed: @import "bootstrap"; ^ File to import not found or unreadable: bootstrap. Parent style sheet: stdin in /home/lysdexia/Projects/thing/webpack/scss/main.scss (line 4, column 1) 

这导致我在节点searchpath上看到一堆不太有用的阅读。 我发现以下全部三个:

 @import "/home/lysdexia/Projects/thing/webpack/node_modules/bootstrap/dist/css/bootsrap.css"; @import "/bootstrap/dist/css/boostrap.css"; @import "/bootstrap.css"; 

。 。 。 都似乎导入没有错误。 所有的scss例子都显示了一个简单的@import whatever; 我现在怀疑这可能是某个事物的简写,或者是一个不同configuration的假设。

不幸的是,当试图用一个引导类来@extend一个类给我一个The selector ".row" was not found. ,这对我说,导入没有实际的工作,失败没有一个错误。

这里我必须承认一些尴尬和困惑。 有没有办法检查节点的searchpath? 这似乎有点合乎逻辑(如果有点希望 – washy)“/”可能意味着“从根的完整path”或“我的path开始在node_modules”,但为什么/ /bootstrap.css甚至似乎工作只是奇怪。

Interesting Posts