Javascript 基金会不是WebPACK的函数基础6.4 我是基金会6.4的新成员。我使用$(document.foundation()时出错

Javascript 基金会不是WebPACK的函数基础6.4 我是基金会6.4的新成员。我使用$(document.foundation()时出错,javascript,reactjs,webpack,zurb-foundation,zurb-foundation-6,Javascript,Reactjs,Webpack,Zurb Foundation,Zurb Foundation 6,以下是代码: 1.webpack.config.js const webpack=require('webpack'); module.exports={ 条目:['./src/index',, '脚本加载器!jquery/dist/jquery.min.js', 'script loader!foundation sites/dist/js/foundation.min.js'], 模式:“生产”, 输出:{ 路径:_dirname, 文件名:'./public/bundle.js' },

以下是代码:

1.webpack.config.js

const webpack=require('webpack');
module.exports={
条目:['./src/index',,
'脚本加载器!jquery/dist/jquery.min.js',
'script loader!foundation sites/dist/js/foundation.min.js'],
模式:“生产”,
输出:{
路径:_dirname,
文件名:'./public/bundle.js'
},
性能:{
提示:错误
},
插件:[
新的webpack.ProvidePlugin({
$:“jquery”,
jQuery:'jQuery'
})
],
模块:{
规则:[
{
测试:/\.jsx$\.js$/,,
排除:/node_模块/,
使用:{
加载器:“巴别塔加载器”,
选项:{
预设值:['react','es2015'],
}
}
},
]
}

};尝试导入jQuery并将其添加到窗口:

import { Foundation } from 'foundation-sites';
import jquery from 'jquery';

window.jQuery = jquery;
window.$ = jquery;

Foundation.addToJquery($);

jQuery(document).ready($ => ($(document).foundation()));

你好,谢谢你的回答。这条路很好,但我解决了这个问题。但我会投票支持你的答案!