weixin_45320557的博客

原创 webpack之常见性能优化

关于webpack的性能优化，主要体现在三个方面： 构建性能：是指在开发阶段的构建性能。当构建性能越高，开发效率越高。 传输性能：在这方面重点考虑网络中的总传输量、JS文件数量以及浏览器缓存。 运行性能：主要是指JS代码在浏览器端运行的速度。 构建性能 减少模块解析 模块解析包括：AST抽象语法树分析、依赖分析、模板语法替换 对某个模块不进行解析，可以缩短构建时间 如果某个模块不做解析，该模块经过loader处理侯的代码就是最终代码。 如果没有loader对该模块进行处理，该模块的源码就是最终打包结果...