使用 Gulp 在多个项目中使用自定义 SASS 样式表

Question

我正在使用 Gulp 和 Scss。我有自己的自定义 sass 样式表文件夹。目前，我将它们复制到每个项目文件夹中，这使它们成为维护和更新的噩梦。

有什么方法可以将它们放在一个全局位置，然后在 Gulp 的每个项目中使用它们。

这在 CodeKit 中是可能的，但我不确定如何在 Gulp 中做到这一点。

---

我尝试过的步骤

1. 创建指南针扩展 http://compass-style.org/help/tutorials/extensions/

我已经试过了。但是，我不确定项目文件夹中的文件如何链接回样式表文件夹。另外，我不确定我应该把我的扩展放在哪里，让它在任何地方都可用。

1. 创建宝石 我拿了 CSS-Lightbox 的 gem，复制了它，然后用我自己的文件替换了它。我不确定如何将它与 gulp 一起使用。它也存在与上述 (1) 相同的问题。

难道没有一个程序可以只获取我的 SASS 工作表文件夹，然后将其转换为我可以与 Gulp 一起使用的插件吗？感谢您的帮助。

Answer 1

有很多方法可以实现您想要的。我只总结一个。

1. 制作一个私有的 npm 包。结构可以很简单

   |
   |- package.json
   |- sass/
   

2. 将您的样式表添加到此包中。

   |
   |- package.json
   |- sass/
      |
      |- file1.scss
      |- file2.scss
   

3. 从您的每个项目的package.json中链接到此本地包@

4. 阅读您正在使用的 gulp/sass 包的选项；将解释如何添加包含路径。
5. 添加node_modules/your-private-package-name/sass/

如果您打算走这条路，无论解决方案如何，您都应该真正对您的 Sass 文件进行版本控制，以便您可以针对特定标签/版本锁定每个项目。否则，当您在进行小改动后重新构建旧项目时，可能会让您头疼，而对这些常见的 Sass 文件进行数月的更改会突然对您的项目造成严重破坏。