Question

我正在尝试使用lektor的bootstrap。

按照here发现的说明，一切都按预期工作。然后我使用npm来安装jquery和bootstrap。

＆＃34;需要＆＃34; 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)

这引导我对节点搜索路径进行一系列不太有用的阅读。我发现以下所有三个：

@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;，我现在怀疑它可能是某些东西的简写，或者是一种不同配置的假设。

不幸的是，尝试@extend一个带有引导类的类给了我一个The selector ".row" was not found.，它告诉我导入实际上没有工作，并且没有错误就失败了。< / p>

我必须承认这里有些尴尬和困惑。有没有办法检查节点的搜索路径？这似乎有点合乎逻辑（如果有点多么的不合理）＆＃34; /＆＃34;可以指＆＃34;来自root的完整路径＆＃34;或者＆＃34;我的路径从node_modules＆＃34;开始，但为什么/bootstrap.css看起来似乎只是奇怪的。

webpack lektor bootstrap scss @import paths

0 个答案: