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

Question

实际中遇到的问题是地图服务，不是 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 运行呢？比如只是使用地图的部分不加载地图，其它部分保持正常工作

Answer 1

改用 require 如何？

try {

    var BMap = require('BMap');

} catch (ex) {

    // Do something

}