-1

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

4

1 回答 1

0

这就是我将最新的 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并执行以下步骤:

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

    • 然后将该设置导入块与位于第一个正下方的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 中的任何内容

于 2017-09-17T23:04:24.243 回答