控制台上的Webpack错误:未定义$

时间:2019-05-29 08:56:35

标签: jquery webpack

我使用webpack仅仅一周了,几天来我一直很困惑。

我想添加一些外部文件。我在名为index.js的入口文件中添加了主题。

问题是webpack不公开jquery!引导程序找不到jquery!

到目前为止我尝试过的一些解决方案:

1-删除uglifyj选项。

2-禁用uglifyjs作为缩小器。

3-丢掉其他文件!在index.js我 移动了所有文件,剩下的就是requiure("jquery.js");

4-以某些方式尝试外部:externals: {"jquery":"jQuery"}externals:{"jquery":{ root: "$", commonjs2: "jQuery", commonjs: "jQuery", amd: "jQuery"}以及其他面孔。

5-现在我扔掉了index.js并使用jquery.js作为入口点。然后我插入了$jQuery的控制台日志。

6-这个link也没有帮助!

这些方式还没有回应!现在一个星期后,我面临着同样的问题!也许webpack有一些问题!我不知道。谁能帮忙?

1 个答案:

答案 0 :(得分:0)

如果您在项目(例如npm install jquery)中安装了jQuery,并且想访问所有JS文件中的jQuery,则简单的方法是创建全局变量$和/或jQuery

我的建议是在单独的JS文件中完成

import jQuery from 'jquery'
window.$ = window.jQuery = jQuery

在我的项目中,我在此commit中这样做。