Webpack
文章平均质量分 76
孤岛的千城
这个作者很懒,什么都没留下…
展开
-
webpack之缓存
前言我们使用 webpack 来打包我们的项目,只要将打包生成 dist 目录中的内容部署到服务器上,浏览器就能够访问此服务器的网站及其资源。当我们需要处理的业务越来越繁重时,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成用户不得不花额外的时间和带宽下载更大体积的脚本文件。这就是为什么浏览器使用一种名为 缓存 的技术。可以通过命中缓存,以降低网络流量,使网站加载速度更快。如果我们在部署新版本时不更改资源的文件名,浏览器可能会认为它没有被更新,就会使用它的缓存版本。由于缓存的存在,当你原创 2022-02-28 10:42:46 · 1512 阅读 · 0 评论 -
require.context介绍
简介require.context 是 webpack 的 api,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个 api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用 import 导入模块。语法官方文档可以给这个函数传入三个参数:一个要搜索的目录,一个标记表示是否还搜索其子目录, 以及一个匹配文件的正则表达式。Webpack 会在构建中解析代码中的 require.context() 。值得注意的是 require.c原创 2021-09-06 10:02:56 · 1303 阅读 · 0 评论 -
Webpack 性能优化
文章目录Webpack 性能优化一、减少 Webpack 打包时间二、减少 Webpack 打包后的文件体积Webpack 性能优化在这部分的内容中,我们会聚焦于以下两个知识点,并且每一个知识点都属于高频考点:有哪些方式可以减少 Webpack 的打包时间有哪些方式可以让 Webpack 打出来的包更小一、减少 Webpack 打包时间优化 Loader对于 Loader 来说,影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST,然后对 A转载 2021-09-07 09:39:49 · 131 阅读 · 0 评论