如何将 Foundation 框架添加到 Laravel 5.5

How to add Foundation framework to Laravel 5.5

如何将最新的 Zurb Foundation 框架添加到 Laravel 5.5?我想将默认 Bootstrap 框架更改为 Foundation。

这就是我将最新的 Zurb Foundation 框架添加到 Laravel 5.5 的方式。

希望对大家有所帮助。

  1. 打开 package.json 并删除 bootstrap 条目,然后使用 npm 安装最新的基础站点版本: npm install foundation-sites@latest --save-dev

  2. 然后去resources/assets/sass/app.scss 如果你有自己的设置,你可以在这里导入设置,如果没有你只需要导入 foundation.scss 默认基础设置:

@import "~foundation-sites/scss/foundation.scss"; @include foundation-everything(true);

  1. 下一步您需要转到 node_modules/foundation-sites/sass/foundation.scss 并执行以下步骤:

    • 取消注释默认的 settings 导入块,它可以在第 18 或 20 行找到。

    • 然后将 settings 导入块与位于第一个下方的 util 导入块交换,因为 settings.scss 需要 util 因此应该放在前面。

  2. 然后转到node_modules/foundation-sites/sass/settings/_settings.scss,找到默认的util行导入块编号 63 并对其进行评论。您这样做是因为 util 之前已导入,因此您不需要复制该导入。

  3. 然后去resources/assets/js/bootstrap.js

require('bootstrap-sass');

要求('foundation-sites');<br> $(文档).foundation();

您不需要在 webpack.mix.js

中更改任何内容