【问题标题】:Foundation basics, scss, js and bower components基础基础、scss、js 和 bower 组件
【发布时间】:2014-08-07 05:49:28
【问题描述】:
  1. 我可以从使用foundation new project 和sass 创建的项目文件夹中编译scss 吗?
  2. 为什么js文件夹只有app.js文件,我应该将文件从bower_components/foundation/js移动到(root)/js还是链接到他们的文件夹?
  3. 用户 css 设置是否应该包含在 app.css 或包含 app.css 的自定义文件中?
  4. bootstrap sass 文件收集在一个文件夹中,为什么foundation scss 文件夹中只有app.scss 和bower 组件中的其他文件。

【问题讨论】:

    标签: css zurb-foundation


    【解决方案1】:
    1. 当您以这种方式安装 Foundation 时,您将使用创建的包含 _settings.scss 和 app.scss 的 SCSS 文件夹。 app.scss 是您倾向于用作基础 SCSS 文件进行编译的文件,因此您可以将所有其他 SCSS 文件包含到该文件中。如果您愿意,您可以将此文件移动到其他位置,但将 config.rb 与它一起移动并确保 add_import_path 从您移动到的位置有效。

    2. 您无需移动文件,bower_components 中的所有内容都不应被触摸或移动,它们在那里以便在必要时进行升级,您不必触摸基础 Foundation 文件。

    3. 我之前说过你应该使用它,但你可以将 app.scss 包含到自定义 scss 文件中,但我认为最好将 Foundation 导入控制在 1 个文件中。

    4. 出于我在 2 中提到的相同原因,因此您无需触摸它们,如果需要,Bower 可以轻松更新它们。

    【讨论】: