页面如何调用调用webpack打包后的function

Question

假如页面有一个自动调用触发的aa()。写在页面的<script></script>里面。

function aa 写在入门文件entry.js 里面。

页面应该如何调用打包后的build.js文件里的function aa

！！我的aa funcction 只在页面上触发！！！！

之前都是用window全局function 来调用，感觉全局被污染 并不好。

求解

entry.js:

exports.aa = function(){}

index.html:

aa()???

Answer 1

总得有个入口吧？ 否则也不知道该怎么去找到这个function啊。
你写成exports.aa的话，这个模块的aa属性就是你的函数了。
但是html怎么去找这个模块呢。。？

似乎并没有什么好办法去找这个entry.js模块。

简单点的处理方式就是

var home = window['com.company.alpha'] = window['com.company.alpha'] || {}
home.aa = function(){}

不撞车就行。。

Answer 2

比较怪的一个需求，既然用了 webpack 了，还要全局下调用。
有个可能的简单粗暴方法，要是这个方法没有关联其它模块，就只是一个静态方法，可以直接

window.aa = function ()

指向 window 下