Webpack构建的基于zepto的多页应用脚手架，本文聊聊本次项目中Webpack构建多页应用的一些心得体会。 由于公司旧版的脚手架是基于Gulp构建的zepto多页应用（有兴趣可以看看web-mobile-cli），有着不少的痛点。例如： 需要兼容低版本浏览器，只能采用pr…

重新 npm start，项目可以正常启动。 Ant Design 默认的 iconfont 文件托管在 iconfont.cn 并默认使用平台提供的 alicdn 地址，公网可访问使用。 最新的 iconfont 文件可以到 此链接 下载。 由于项目使用的是 create-r…

create-react-app是facebook的官方脚手架，对于个人开发者和中小型公司快速创建项目非常推荐。react的CSS解决方案有很多，这里我技术选型时用css modules和sass，然后配合antd使用通用组件库。但是create-react-app原生并不支持…

闲话不多说,直入主题,有兴趣的可以瞧瞧,没兴趣的止步,节约您的时间. 翻了一些Stack Overflow上的问答和文档,发现还是有的. 因为用了mobx,实在不想用高阶函数的写法(一堆括号)。 我是直接配置babelrc的. 跟随最新babel 7,装上这个依赖即可支持 看到…

在最初开开发package的时候，还属于一种刀耕火种的阶段。没有什么自动化的工具。发布package的时候，都是手动修改版本号。如果packages数量不多还可以接受。但是当数量逐渐增多的时候，且这些packages之间还有依赖关系的时候，对开发人员来说，就很痛苦了。工作不仅繁…

继上次的优化手段，测试都是基于本地的，主要涉及到数据请求方面，而这次优化是基于打包后的项目展开，本以为这次项目优化的已经非常不错了，可是打包后vendor.js体积过大，还有首屏的图片过大，导致初次进入页面竟然要等到20秒甚至更多，这期间，页面始终处于白屏状态，在此之前，我并未…

通常在看一些面试题问到前端有哪些性能优化手段的时候，可能会提到一个叫做gzip压缩的方法。正好最近在学习node文件流操作和zlib模块的时候，对gzip压缩有了一个新的认识。今天就和大家一起分享一下，gzip是什么，从浏览器请求到收到服务端数据发生了什么。 对，没有错，gzi…

昨天重新把我们公司的引流页做了二重封装，遇到一个问题。 webpack 切割的时候如何加个可以跟随文件名变化的前缀。 大体就是就是 [request] 可以拿到实际解析的文件名，来取代默认的索引递增的方式。

1、路由懒加载 2、服务器和webpack打包同时配置Gzip 3、优化打包chunk-vendor.js文件体积过大