无法在我的站点中导入波旁威士忌文件（在 post 中显示树）

Question

我认为一张图片最能描述我的问题

https://postimg.org/gallery/37bdm2lp8/

树文档请看img

https://postimg.org/image/qsmm9rdx1/

我的问题很简单，但我没有得到我的 main.sass 导入所有其他 sass 文件来编译显示波旁威士忌资产，所以我的网站没有呈现波旁威士忌资产

我已经尝试了基本的 @import ../css/1-tools/bourbon 但它不起作用

感谢任何帮助，因为 css 现在不起作用 :(

Answer 1

由于您已准备好使用 gulp，请尝试使用实际的 Bourbon NPM 包。您可以将它添加到您的 package.json 文件并通过您的 gulpfile.

要求它

• 如何：https://github.com/thoughtbot/bourbon#installing-with-npm-and-using-a-node-based-asset-pipeline
• 这是 Bourbon 包的页面：https://www.npmjs.com/package/bourbon
• 这是一个使用波旁威士忌的示例 gulpfile（还有一些您可能可以忽略的其他东西）：https://github.com/thoughtbot/bitters/blob/master/Gulpfile.js

此示例 gulpfile 中您需要添加的主要部分是 line 1 and adding bourbon to your Sass includePaths on line 17 上的 require。

---

编辑⤵

设置完成后，您需要将 sass 导入更改为以下内容：

@import "bourbon";

因为有了includePaths的加入，gulp-sass就知道该往哪里找了。