解决方案后编辑
这是一个Yeoman生成器，用于使用Foundation和Browserify搭建一个项目：https : //github.com/dougmacklin/generator-foundation-browserify
我试图弄清楚如何正确地将基础框架js与browserify捆绑在一起。
在我的项目文件夹中，将其与jQuery（取决于它）一起安装：
npm install jquery foundation-sites --save
然后在我的main.js我有以下内容：
var $ = jQuery = require('jquery');
var foundation = require('foundation-sites');
$(document).foundation();
我包括，$ = jQuery = ...因为如果不这样做，我会得到一个jQuery is not defined错误。
但是，js组件不起作用。例如，警报元素无法正确关闭。
<div data-alert class="alert-box">
<!-- close functionality not working -->
<a href="#" class="close">×</a>
</div>
如果有帮助，这里是一个plunkr，包括我index.html，main.js，bundle.js，package.json和gulpfile.js。
我仍然会被browserify弄湿，我应该为此使用browserify-shim还是做其他错误？
使用Foundation 6和最近的jquery（“ ^ 2.1.0”），不再需要填充。你可以用
global.$ = global.jQuery = require('jquery');
require('what-input');
require('foundation-sites');
$(document).foundation();
在您的main.js文件中。请注意，由于一个原因或同时选择依赖于全局jQuery（而不是使用），都需要将$和都设置jQuery为global（即，将它们附加到window对象）作为基础6 require。
还要注意，该alert机制已在基础6中丢弃，如果您想查看一个可行的示例，请改用可关闭的警报标注。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句