如何解决HTMLWebPackPlugin和外部GoogleMaps API脚本
我正在使用HtmlWebpackPlugin用帕格生成我的html。加载googlemaps API时,我得到initMap is not defined
的理解,因为我的捆绑包(定义了initMap)是在googlemaps脚本之后加载的。
我的HtmlWebpackPlugin设置:
new HtmlWebpackPlugin({
template: './src/pug/areas-covered.pug',filename: 'areas-covered.htm',inject: true
}),
相关生成的html:
<script async defer="defer" src="https://maps.googleapis.com/maps/api/js?key=xxxxx&callback=initMap">
<script src="/assets/bundle.js">
</body>
删除async
对我来说似乎并不妙。
我当前的解决方案是即时生成Googlemaps脚本标签,并在文档准备就绪时将其附加到正文中,并且效果很好:
var googlemaps = document.createElement('script');
googlemaps.setAttribute("src","https://maps.googleapis.com/maps/api/js?key=xxxxx&callback=initMap");
googlemaps.setAttribute("type","text/javascript");
document.body.appendChild(googlemaps);
我看不到传递外部脚本和指定脚本呈现顺序的任何选项。使用HtmlWebpackPlugin有更好的方法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。