这一章讲打包体积优化，这个也算是最重要的一章了，我之前可是花了很多时间去查资料怎么优化打包体积的，不同版本的webpack之间还有一些区别，所以也算踩了很多的坑，所以这一章会比较长。 可以清晰的看到antd和react-dom就占了一半多，下面来优化。 1. 修改mode 2.…

基于webpack && html引入静态资源的几种方法 GitHub博客 https://github.com/aototo/blog 喜欢的start，长期更新 我们需要在页面插入图片: index.html <img src = 'assets/images/xxx.jpg…

webpack

Webpack 是一个将你的所有 JavaScript、CSS 甚至图片这样的静态资源打包的好方法，但是为了在生产环境中更有效地使用生成的资源，应该考虑使用持久缓存。关于本话题的文献分散在不同的资源中，想搞对没那么容易。本文的目的是指导前端开发者完成所有的功能建设。

基于 Webpack 2 的 React 组件懒加载从属于笔者的 Web 前端入门与工程实践，更多前端思考参阅笔者的 2016 - 我的前端之路: 工具化与工程化。

webpack 不适合多页面应用？想必你听过很多这样的论断，也看到过 gulp+webpack 结合使用的方式，这不过是无奈之举，因为目前 webpack 可用的插件实在太少，自己写起来门槛又太高，相比之下，gulp 要灵活自如不少。 插件才是 webpack 的灵魂，用它就用它的灵魂，跳出自己的思维舒适区吧。

Webpack 是一款强大的前端构建工具, 社区对其介绍的相关文章已经很多了, 本文不再赘述. 基于 Webpack 2, 本文是对我在搭建团队前端脚手架的过程中, 搜罗的 Webpack 2 常见的优化措施的一个总结.

谈起PWA，许多人可能还只停留在“了解”的层面，比较少在实践中真正地尝试过，更多的仅仅是对着网上的教程和例子大概玩过。然而，网络上的例子多是简单的demo，鲜有与真正的开发相结合，例如和webpack的工程化结合。这篇文章将会从一个webpack plugin出发，谈一谈如何使用这个名为offline-plugin的webpack插件轻松实现PWA。