我有一个现有的网站项目（PHP，Visual Studio，jQuery），我想开始利用Foundation 6提供的一些功能/设计。
我以前开始使用Foundation 5，只是从我的项目中引用了css和js文件。它按预期工作，生活很美好。
当我想要覆盖Foundation的一些CSS时，我的问题就开始了。我开始简单地覆盖我自己的CSS文件中的类。它奏效了，生活很美好。但从可维护性的角度来看，我意识到这不是最好的方法。所以我开始潜入SASS / SCSS。基金会6似乎是要走的路。我安装了各种各样的东西让它工作....节点，ruby，宝石，基础CLI，以及可能还有其他一些目前无法解决的问题。
我创建了一个新的Foundation项目，这样我就可以隔离出必要的文件并将它们包含在我的VS项目中 - 我想，无论多么天真，我都可以将必要的css，scss和js文件复制到我的VS项目，然后当我编辑scss文件时，我可以将它们编译为css。 （编译可以通过多种方式完成，从sass命令行到VS扩展）。
但我在创建的项目中找到的唯一scss文件是
当我尝试编译app.scss时，我收到一个错误：“导入未找到或不可读的文件：函数”，所以我去寻找丢失的文件，但无法在任何地方找到它。
我查看了bower_components文件夹，发现了一大堆scss文件，但没有一个名为 functions 。
有什么地方我可以轻松获取将自定义编译到Foundation的CSS所需的所有scss文件吗？
奖金问题：我是否完全疯狂地试图以这种方式发展，而不是从项目角度订阅基金会做事的整套工具包？
答案 0 :(得分：0)
基础6与基础5在CSS，SCSS和样式的覆盖方面有很大的不同。在版本5中，Foundation文件包含几个基本的scss文件，这些文件提供了轻松覆盖类的方法。
在基金会6中，事情的工作方式大不相同。提供了超过100个SCSS文件，在调整_settings.scss文件时都需要这些文件，因为它们都用于编译最终的app.css文件。
要回答我自己的问题，无法完成，和/或它无法正常工作。
我的最终解决方案是在我现有的Visual Studio项目文件夹结构中构建一个新的Foundation 6模板。然后，我在项目和源代码管理中包含了必要的scss文件（_settings.scss和app.scss）。
这个配置允许我编辑Visual Studio中的scss文件，并允许Foundation etc（使用foundation watch命令）将这些更改编译到我项目其余部分使用的最终css中。
一种混合方法，但最终有效且易于维护。