随笔分类 - webpack

摘要：1.懒加载和预加载答：懒加载实现了js文件按需加载，在需要使用时才进行加载，但是如果js文件非常大加载速度比较慢，在使用时再加载就会使页面出现卡顿。为了优化这个问题，可以使用Prefetch先预加载阅读全文

posted @ 2023-02-11 10:25 小白张先生阅读(16) 评论(0) 推荐(0) 编辑

摘要：如何做bable缓存和文件资源缓存（一）bable缓存答：因为bable要对我们写的js代码做编译处理，编译成一种浏览器能识别的语法，即所谓的js兼容性处理。在编译过程中，假设有100个js模块，只改动其中1个js模块，不可能把全部的模块都重新编译一遍，其他99个应该是不变的，这一点跟前面文章讲阅读全文

posted @ 2023-02-09 16:13 小白张先生阅读(16) 评论(0) 推荐(0) 编辑

vite 和webpack的区别

摘要：答：vite打包要比webpack快 webpack: 先解析入口文件 =》在解析路由 =》在解析模块 =》在打包 =》开起服务 vite：先开起服务 =》在解析路由 =》在解析模块阅读全文

posted @ 2023-02-08 08:50 小白张先生阅读(89) 评论(0) 推荐(0) 编辑

webpack性能优化（一）

摘要：1通过code splitting（代码分割）来获取更小的 bundle，优化资源加载答：使用 SplitChunksPlugin 去重和分离 chunk， // config optimization config.optimization.splitChunks({ chunks: "all" 阅读全文

posted @ 2022-07-12 22:38 小白张先生阅读(545) 评论(0) 推荐(0) 编辑

Webpack 简介及五个核心概念

摘要：Webpack五个核心概念答：1.entry(入口文件，以哪个文件为入口起点开始打包) 2.output(出口文件，打包好的资源放在哪个文件下) 3.loader(webpack只能识别js和json文件，css和img需要引入loader) 4.plugin（优化压缩代码） 5.mode(分为开阅读全文

posted @ 2022-07-11 23:04 小白张先生阅读(286) 评论(0) 推荐(0) 编辑