当 Webpack 引用的 CDN 资源不可用时如何忽略引用的模块呢呢？

[sunjourney]

实际中遇到的问题是地图服务，不是 CDN 资源。 在 html 中引入了

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=token"></script>

在 webpack.base.conf.js 设置了外部资源

externals: {
  "BMap": "BMap"
}

当网络正常时：

import BMap from 'BMap'

工作正常

当断网时控制台报错:

Uncaught ReferenceError: BMap is not defined

不仅报错，还阻止了整个 Web APP 运行。用异步模块解析，只要触发 import xxx from 'BMap' 就跪。 import 又只能放在 top level ，没法 try catch 它。怎么才能当网络无法访问 externals 资源时不影响 Web APP 运行呢？比如只是使用地图的部分不加载地图，其它部分保持正常工作

[chemzqm]

去掉 import 和 webpack 相关设置，直接检测 window 对象

[sunjourney]

@chemzqm 感谢，这是好方法， hack 了这个问题，就是不知道有没有 webpack 内部的解决方案。 google 了很久， webpack 文档相关部分也过了，似乎没有。

[chairuosen]

@sunjourney require 的时候 try catch 一下喽