File tree Expand file tree Collapse file tree 2 files changed +15
-6
lines changed
tutorials/webpack-code-splitting Expand file tree Collapse file tree 2 files changed +15
-6
lines changed Original file line number Diff line number Diff line change @@ -47,8 +47,8 @@ React技术栈系列教程,涉及React、Redux、Babel、Webpack等相关技
47
47
5 . [ 使用Webpack加载图片和SVG] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/blob/master/tutorials/load-image-with-webpack/README.md )
48
48
6 . [ 使用HtmlWebpackPlugin自动生成html文件] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/blob/master/tutorials/use-html-webpack-plugin/README.md )
49
49
7 . [ 在Webpack中使用环境变量] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/blob/master/tutorials/webpack-environment-variables/README.md )
50
- 8 . [ 通过Webpack Code Splitting实现异步按需加载] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/tree/master/tutorials/webpack-code-splitting/README.md )
51
- 9 . Webpack Common Chunk
50
+ 8 . [ Webpack中Chunk概念详解以及通过Webpack Code Splitting实现异步按需加载] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/tree/master/tutorials/webpack-code-splitting/README.md )
51
+ 9 . Webpack中使用CommonsChunkPlugin
52
52
10 . Webpack Dev Server
53
53
11 . Webpack Source Maps
54
54
@@ -57,15 +57,24 @@ React技术栈系列教程,涉及React、Redux、Babel、Webpack等相关技
57
57
2 . React组件
58
58
3 . React组件状态与生命周期
59
59
4 . React组件事件和ref
60
- 5 . 在React中使用CSS Module
60
+ 5 . Conditional Rendering
61
+ 6 . 在React中使用classnames和CSS Module
62
+ 7 . Route
63
+ 8 . React Developer Tools
64
+ 9 . Performance
65
+ 10 . Animation
66
+ 11 . PureRender
67
+ 12 . Two-way Binding
68
+ 13 . Test
61
69
62
70
- Redux
63
71
1 . Redux使用基础
64
72
2 . Redux中间件
65
73
3 . Redux异步中间件
66
74
4 . redux-combineReducers
67
75
5 . react-redux-binding
68
- 6 . react-redux-binding
69
- 7 . 异步加载组件
76
+ 6 . 异步加载组件
77
+ 7 . Immutable.js
78
+ 8 . Chrome Redux Plugin
70
79
71
80
未完待续...
Original file line number Diff line number Diff line change 1
- # [ 通过Webpack Code Splitting实现异步按需加载] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/tree/master/tutorials/webpack-code-splitting/README.md )
1
+ # [ Webpack中Chunk概念详解以及通过Webpack Code Splitting实现异步按需加载] ( https://github.com/iSpring/babel-webpack-react-redux-tutorials/tree/master/tutorials/webpack-code-splitting/README.md )
2
2
3
3
对于大型Web项目来说,把所有代码打包成一个JavaScript文件并不明智,因为这会导致生成的` bundle.js ` 非常庞大,需要花费更多的时间来加载它,导致用户体验下降。本文将介绍Webpack强大的代码分离(Code Splitting)功能,通过该特性我们可以将一个` bundle.js ` 文件拆分为多个chunk文件,实现在运行时按需异步加载相关资源。本文将从chunk的角度讲解Webpack的代码分离特性。
4
4
You can’t perform that action at this time.
0 commit comments