laravel - 如何将 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);

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

   • 在第 18 行或第 20 行取消注释默认设置导入块。

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

4. 然后转到node_modules/foundation-sites/sass/settings/_settings.scss，在第 63 行找到一个默认的util导入块并对其进行注释。您这样做是因为util之前已导入，因此您不需要复制该导入。

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

require('bootstrap-sass');

至

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

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