[React-章节5]学习react-router,实现单页应用demo

接上篇《webpack的代码分割与公共代码提取》,本篇终于要学习如何编写单页面应用了。在多页面应用中,超链接<a>会跳转到另外一个html中,而单页面应用中,超链接<a>不会发生html页面跳转,而是触发在当前页面中渲染不同的组件,这是最直观的差别。

基于webpack+react实现单页应用,需要用到react-router插件,下面就开始学习吧! 继续阅读“[React-章节5]学习react-router,实现单页应用demo”

[React-章节4]webpack的代码分割与公共代码提取

接着上篇《如何为react导入css和img?》 来说,对于一个多页面应用来说,webpack会把每个entry独立编译成chunk,也就是生成一对js和css文件。如果2个chunk代码都引用了同样的库(例如jquery),那么jquery代码会被分别打包进入2个chunk中,导致js文件尺寸增加,是一个不必要的冗余。 继续阅读“[React-章节4]webpack的代码分割与公共代码提取”

好文推荐