使用Webpack通过NPM包含Zurb Foundation

我可能只是在这里密集,但我如何使用Webpack来使用npm(package.json)来下载最新的Zurb Foundation并在捆绑中使用它？

我在这里看到了一些示例,它们将Zurb和Webpack结合在一起,但他们似乎总是使用Bower来获得基础.我想从我的工作流程中消除Bower并直接使用npm + webpack(如果需要,还可以使用+ gulp).

思考？

我想也许我真正需要的是一个包含最新Zurb基础的package.json的例子.

我有同样的问题,我想放弃凉亭,所以我开始使用Foundation 6.

有一些棘手的部分,但我现在正在工作并创建了一个样板项目:https://github.com/timaschew/r3-foundation-boilerplate

该项目使用Redux和React,但您应该从webpack.config和入口点中提取最重要的内容

棘手部分的总结

通过安装基础 npm i foundation-sites

同时使用npm安装jquery npm i jquery

使用脚本加载器在全局窗口范围内加载jquery和foundation js文件

配置sass-loader以使用sass文件并调整CSS输出,如文档中所述:http://foundation.zurb.com/sites/docs/sass.html