为什么react js需要引入的browser js文件这么大。

<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>

要使用react 0.14需要引入如上三个库,其中的browser.min.js这个文件在本地大小为1.27MB,用CDN链接加载https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js也有大约280KB。

这个文件这么大,是怎么一回事?不会影响页面加载性能吗?我用浏览器调试显示加载了接近1秒多。

阅读 29.3k
3 个回答

为什么需要引入

首先,你并非必需引入browser.js
引入它的作用是使浏览器支持babel,你可以使用ES2015(javascript下一代标准,具体可以看阮一峰的ECMAScript 6 入门)进行编码。
如果你用ES5,可以不引入

为什么这么大

你的服务器没有开启gzip,类似cloudflare、七牛都会开启gzip,将浏览器对静态资源请求尽量降到最低(但越低越吃CPU,所以要适量)

附 ES6 与 ES5 的区别

// The ES5 way
var Photo = React.createClass({
  handleDoubleTap: function(e) { … },
  render: function() { … },
});
// The ES6+ way
class Photo extends React.Component {
  handleDoubleTap(e) { … }
  render() { … }
}

browser.min.js相关的官方介绍在网址是啥?都没有看到相关的说明?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏