webpack
biu~biu~
前端挖坑者
展开
-
webpack+react-router实现代码拆分按需加载(上)
目前由H5集成开发的app小应用越来越来多,即在在一个原生的app平台下集成很多由web页面构成的小应用,因此我们可能在一个工程下开发多个小应用,部署整个工程之后,由原生端通过openWebview打开相关的路由,为了打开一个web应用时不附加别的应用的代码,不妨试试下面的js文件代码:一、安装bundle-loader依赖npm install --save-dev bundle-loa...原创 2018-03-21 08:45:32 · 1858 阅读 · 0 评论 -
webpack+react-router实现代码拆分按需加载(中)
上篇文章中使用“bundle-loader”,然后创建一个高阶函数来实现按需加载,这种实现方法可以随意的将数个相同的模块打包成一个chunk但是写法略微复杂,在react-router4.0中推荐了新的一种写法。一、安装 babel-plugin-syntax-dynamic-import 和 react-loadable. npm install react-loadable npm i...原创 2018-03-21 15:16:52 · 1259 阅读 · 0 评论 -
webpack+react-router实现代码拆分按需加载(下)
之前两篇文章中介绍了两种实现代码分离的方法。但是如果我们在一个工程中同时存在多个应用,这些应用可能同时引用了同一个UI组件库例如ant design;那我们在分离成多个chunk时岂不是每一个chunk都会引入了组件库,每一个chunk的size都大于ant design的size如下图:对于这种情况我们可以使用webpack中Tree shake的功能,将javaScript上下文中未引...原创 2018-03-21 16:07:05 · 1473 阅读 · 0 评论