从 Foundation 6 中分离 SCSS 文件以包含到我的 Web 开发项目中
Isolate SCSS files from Foundation 6 for inclusion into my web dev project
我有一个现有的网站项目（PHP、Visual Studio、jQuery），我想开始利用 Foundation 6 提供的一些 functionality/design。
我之前已经开始使用 Foundation 5，只是从我的项目中引用了 css 和 js 文件。它按预期工作，生活很好。
当我想覆盖 Foundation 的一些 CSS 时，我的问题就开始了。我首先简单地覆盖了我自己的 CSS 文件中的 类。它奏效了，生活也很美好。但我意识到，从可维护性的角度来看，这并不是解决问题的最佳方式。所以我开始研究 SASS/SCSS。 Foundation 6 似乎是正确的选择。我安装了各种各样的东西来让它工作....节点、ruby、gems、Foundation CLI，可能还有其他一些我现在还不知道的东西。
我创建了一个新的 Foundation 项目，这样我就可以分离出必要的文件并将它们包含到我的 VS 项目中——我想，无论多么天真，我都可以复制必要的文件 css， scss 和 js 文件到我的 VS 项目中，然后当我编辑 scss 文件时，我可以将它们编译为 css。 （可以通过多种方式进行编译，从 sass 命令行到 VS 扩展）。
但是我在创建的项目中找到的唯一 scss 个文件是
- _settings.scss
- app.scss
当我试图编译 app.scss 时，我得到一个错误："file to import not found or unreadable: functions" 所以我去寻找丢失的文件，但找不到它。
我查看了 bower_components 文件夹，发现里面有一大堆 scss 文件，但是 none 名为 functions。
有什么地方可以轻松获得将我的自定义编译为 Foundation 的 CSS 所需的所有 scss 文件？
奖金问题：我是否完全疯狂地尝试以这种方式进行开发，而不是从项目的角度订阅 Foundation 的整个套件和 kaboodle 做事方式？
看起来 Foundation 6 在 CSS、SCSS 和样式覆盖方面与 Foundation 5 有很大不同。在版本 5 中，Foundation 文件包括几个基本的 scss 文件，它们提供了轻松覆盖 类.
的方法
在 Foundation 6 中，事情的运作方式大不相同。提供了 100 多个 SCSS 文件，调整 _settings.scss 文件时所有文件都是必需的，因为它们都用于编译最终的 app.css 文件。
回答我自己的问题，无法做到，and/or，那样做不成。
我的最终解决方案是在现有 Visual Studio 项目的文件夹结构中构建一个新的 Foundation 6 模板。然后，我在我的项目和源代码管理中包含了必要的 scss 文件（_settings.scss 和 app.scss）。
此配置允许我编辑 Visual Studio 中的 scss 文件，并允许 Foundation 等（使用 foundation watch 命令）将这些更改编译成最终的 css 由我的项目的其余部分使用。
有点混合方法，但最终有效且易于维护。
我有一个现有的网站项目（PHP、Visual Studio、jQuery），我想开始利用 Foundation 6 提供的一些 functionality/design。
我之前已经开始使用 Foundation 5，只是从我的项目中引用了 css 和 js 文件。它按预期工作，生活很好。
当我想覆盖 Foundation 的一些 CSS 时，我的问题就开始了。我首先简单地覆盖了我自己的 CSS 文件中的 类。它奏效了，生活也很美好。但我意识到，从可维护性的角度来看，这并不是解决问题的最佳方式。所以我开始研究 SASS/SCSS。 Foundation 6 似乎是正确的选择。我安装了各种各样的东西来让它工作....节点、ruby、gems、Foundation CLI，可能还有其他一些我现在还不知道的东西。
我创建了一个新的 Foundation 项目，这样我就可以分离出必要的文件并将它们包含到我的 VS 项目中——我想，无论多么天真，我都可以复制必要的文件 css， scss 和 js 文件到我的 VS 项目中，然后当我编辑 scss 文件时，我可以将它们编译为 css。 （可以通过多种方式进行编译，从 sass 命令行到 VS 扩展）。
但是我在创建的项目中找到的唯一 scss 个文件是
- _settings.scss
- app.scss
当我试图编译 app.scss 时，我得到一个错误："file to import not found or unreadable: functions" 所以我去寻找丢失的文件，但找不到它。
我查看了 bower_components 文件夹，发现里面有一大堆 scss 文件，但是 none 名为 functions。
有什么地方可以轻松获得将我的自定义编译为 Foundation 的 CSS 所需的所有 scss 文件？
奖金问题：我是否完全疯狂地尝试以这种方式进行开发，而不是从项目的角度订阅 Foundation 的整个套件和 kaboodle 做事方式？
看起来 Foundation 6 在 CSS、SCSS 和样式覆盖方面与 Foundation 5 有很大不同。在版本 5 中，Foundation 文件包括几个基本的 scss 文件，它们提供了轻松覆盖 类.
的方法在 Foundation 6 中，事情的运作方式大不相同。提供了 100 多个 SCSS 文件，调整 _settings.scss 文件时所有文件都是必需的，因为它们都用于编译最终的 app.css 文件。
回答我自己的问题，无法做到，and/or，那样做不成。
我的最终解决方案是在现有 Visual Studio 项目的文件夹结构中构建一个新的 Foundation 6 模板。然后，我在我的项目和源代码管理中包含了必要的 scss 文件（_settings.scss 和 app.scss）。
此配置允许我编辑 Visual Studio 中的 scss 文件，并允许 Foundation 等（使用 foundation watch 命令）将这些更改编译成最终的 css 由我的项目的其余部分使用。
有点混合方法，但最终有效且易于维护。