用 webpack 实现持久化缓存

什么是持久化缓存? 缓存(cache)一直是前端性能优化的重头戏,利用好静态资源的缓存机制,可以使我们的 web 应用更加快速和稳定。仅仅简单的资源缓存是不够的,我们还要为不断更新的资源做持久化缓存(Long term cache)。以前我们能利用服务端模板和构建打包,来给资源增加版本标记,如 app.js?v=1.0.0,但在大流量的网站中,这种更新部署方式会引起下面的问题: 大公司里怎样开发和部署前端代码? - »

如何在 webpack 中引入未模块化的库,如 Zepto

前言 最近我在研究多页面 webpack 模块打包的完整解决方案时,发现用 import 导入 Zepto 时,会报 Uncaught TypeError: Cannot read property 'createElement' of undefined 错误,导致无法愉快地使用 Zepto。在经过一番调试和搜索后终于找到了解决的办法,并且对于所有不支持模块化的库都可以用这种方法导入模块。 原因 Zepto 的源码: »

告别无聊的 Webpack 控制台介面

前言 是否受够了 webpack-dev-server 那杂乱的 log 输出? 是否觉得 Webpack 生产构建过程很无聊? 今天我来介绍(安利)两款可以解除乏味,提高生产效率的 Webpack 插件: webpack-dashboard nyan-progress-webpack-plugin webpack-dashboard 这是 FormidableLabs 做的,一个可以在开发模式中让 webpack dev server 输出的 »