webpack——在html中使用js函数

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/mxw322/article/details/81162891

问题

在web前端项目中，使用webpack打包js文件，在html中使用js中的函数时，浏览器端报如下错误：

解决方法

• 查看js文件的引用路径是否正确，一般情况下，webpack能够成功打包生成bundle.js文件说明路径没有出错，其次，webpack也会在html中自动引入js路径
• 在js文件要引用的函数中将其作用域提升，在函数前添加window.；如：window.addGeoserverMap = xxx

原因

在js文件中定义的变量是属于内部局部变量（webpack打包之后生成的js其实是一个函数），需要提升变量的作用域范围