如何将 Foundation 框架添加到 Laravel 5.5

Question

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

Answer 1

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

希望它对某人有所帮助。

1. 打开 package.json 并删除引导条目，然后使用 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，在第 63 行找到一个默认的 util 导入块并注释它。您这样做是因为 util 之前已导入，因此您不需要复制该导入。

3. 然后转到resources/assets/js/bootstrap.js并更改

require('bootstrap-sass');

到

require('foundation-sites');
$(document).foundation();

您无需更改 webpack.mix.js 中的任何内容