如何将最新的 Zurb Foundation 框架添加到 Laravel 5.5?我想将默认的 Bootstrap 框架更改为 Foundation。
1 回答
这就是我将最新的 Zurb Foundation 框架添加到 Laravel 5.5 的方式。
希望它会帮助某人。
打开 package.json 并删除引导条目,然后使用 npm 安装最新的基础站点版本:
npm install foundation-sites@latest --save-dev
然后去resources/assets/sass/app.scss 如果你有自己的可以在这里导入设置,如果没有你只需要使用默认的基础设置导入foundation.scss:
@import "~foundation-sites/scss/foundation.scss";
@include foundation-everything(true);
下一步,您需要转到node_modules/foundation-sites/sass/foundation.scss并执行以下步骤:
在第 18 行或第 20 行取消注释默认设置导入块。
然后将该设置导入块与位于第一个正下方的util导入块交换,因为settings.scss需要util因此它应该放在前面。
然后转到node_modules/foundation-sites/sass/settings/_settings.scss,在第 63 行找到一个默认的util导入块并对其进行注释。您这样做是因为util之前已导入,因此您不需要复制该导入。
然后转到resources/assets/js/bootstrap.js并更改
require('bootstrap-sass');
至
require('foundation-sites');
$(document).foundation();
您无需更改 webpack.mix.js 中的任何内容