开发环境下存在兼容性问题

[hansnow]

问题

在开发环境下，浏览器加载的umi.js文件中存在这样一段代码

/* 799 */
/*!*********************************************************************!*\
  !*** ./node_modules/umi-build-dev/lib/utils/guessJSFileFromPath.js ***!
  \*********************************************************************/
/*! dynamic exports provided */
/*! all exports used */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = _default;

function _default(pathname) {
  let ret = null;
  pathname = pathname.replace(/\.html?$/, '');

  if (pathname.slice(-1) === '/') {
    ret = `${pathname.slice(0, -1)}/index.js`;
  } else {
    ret = `${pathname}.js`;
  } // strip the start slash


  ret = ret.slice(1);
  return ret;
}

其中的let和Template literals语法会让一些兼容性不太好的浏览器报错，导致页面白屏

原因

出现问题的文件在NotFound.js#L4中被引用，从build.js#L46来看，NotFound.js使用browserBabelConfig进行编译，而guessJSFileFromPath.js使用nodeBabelConfig进行编译，也就是说guessJSFileFromPath.js用错了编译配置

解决方案

guessJSFileFromPath.js使用browserBabelConfig编译

其他

在问题并不存在于生产环境（即build之后）

[sorrycc]

Thanks for PR, closed via #528 .