使用webpack使用jQuery加载文件

Question

我是webpack的新手，所以可能会遗漏一些非常明显的东西。

我有一个文件，我想要包含在我的app.js中，但jQuery都没有在其中工作。

App.js在页面末尾加载：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="/js/app.js"></script>

首次尝试

app.js

require('./bodyClick')

bodyClick.js

console.log('loaded bodyClick.js');

$("body").click(function(){
    console.log('body clicked');
});

结果

控制台记录loaded bodyClick.js但超出此范围，不会添加任何点击事件处理程序。

〜

第二次尝试

app.js

import { addClicks } from './bodyClick';
addClicks();

bodyClick.js

console.log('loaded bodyClick.js');

export function addClicks(){
    console.log('adding click events');
    $("body").click(function(){
        console.log('body clicked');
    });
}

结果

如上所述 - 控制台记录loaded bodyClick.js然后adding click events，但除此之外，不会添加任何点击事件处理程序。

〜

我做错了什么？控制台中根本没有显示错误。

我是第一个承认我在JavaScript模块捆绑商的世界中缺乏知识的人 - 如果有人对书籍有任何好的建议，那么我就是额外的。