常用的webpack优化方法
1. 前言 关于 webpack ,相信现在的前端开发人员一定不会陌生,因为它已经成为前端开发人员必不可少的一项技能,它的官方介绍如下: webpack 是一个模块打包器。webpack的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。 在日常开发工作中,我们除了会使用 webpack 以及会编写它的配置文件之外,我们还需要了解一些关于 webpack 性能优化的方法,这样在实际工作就能够如虎添翼,增强自身的竞争力。 关于 webpack 优化的方法我将其分为两大类,如下: 可以提高 webpack 打包速度,减少打包时间的优化方法 可以让 Webpack 打出来的包体积更小的优化方法 OK,废话不多说,接下来我们就来分别了解一下优化方法。 2. 提高 Webpack 打包速度 2.1 优化Loader搜索范围 对于 Loader 来说,影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST ,然后对 AST 继续进行转变最后再生成新的代码,项目越大, 转换代码越多,效率就越低 。当然了,我们是有办法优化的。 首先我们可以 优化 Loader 的文件搜索范围 ,在使用