当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，我们将从速度和体积两方面来探讨构建优化的策略。

本文主要优化两个方面：1.优化开发体验 2.优化输出质量.优化开发体验:提升效率,优化构建速度,优化使⽤体验.优化输出质量:优化要发布到线上的代码，减少⽤户能感知到的加载时间,提升代码性能.

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。

一个可以自动生成react骨架屏的webpack loader. 菊花的loading图太low，骨架屏更美观。公司UI不愿意为设计骨架屏图片（在一个小公司，UI也比较少）！后来我想了一下能不能通过webpack自动生成骨架屏，有了这个想法之后我就开始动手设计了,发现是可行所以…

简单来说就是：将 *.vue 文件变成 *.bundle.js，然后放入浏览器运行。 以上的输出就是最终可以拿到浏览器上运行的 javaScript，尽管笔者已经删除了一些会影响理解的部分代码，但是这么直接观察这个文件，难免还是无从下手。 那么我们继续细化分析步骤，vue-lo…

注：本文查看的源码是webpack1.x版本，2.x版本已经不存在这个问题，查看描述。 webpack1.x时代讨论地比较热烈的一个话题，就是UglifyJsPlugin插件为什么会对其他loader造成影响。我这里有个曾经遇到的问题，可以查看我为此编写的一个demo，有兴趣可…