270浏览

0评论

bundle，chunk，module 是什么？

bundle：是由 webpack 打包出来的⽂件；chunk：代码块，⼀个 chunk 由多个模块组合⽽成，⽤于代码的合并 和分割；module：是开发中的单个模块，在 webpack 的世界，⼀切皆模块，⼀ 个模...

• 空空 / 工程化 / 2023-01-29

243浏览

0评论

有哪些常⻅的 Plugin？

define-plugin：定义环境变量html-webpack-plugin：简化 html⽂件创建uglifyjs-webpack-plugin：通过 UglifyES 压缩 ES6 代码webpack-para...

• 空空 / 工程化 / 2023-01-29

274浏览

0评论

有哪些常⻅的 Loader

file-loader：把⽂件输出到⼀个⽂件夹中，在代码中通过相对 URL 去引⽤输出的⽂件url-loader：和 file-loader 类似，但是能在⽂件很⼩的情况下以 base64 的⽅式把⽂件内容注⼊到代码中去source-map...

• 空空 / 工程化 / 2023-01-12

242浏览

0评论

webpack、rollup、parcel 优劣？

webpack 适⽤于⼤型复杂的前端站点构建: webpack 有强⼤的 loader 和插件⽣态,打包后的⽂件实际上就是⼀个⽴即执⾏函数，这个⽴即 执⾏函数接收⼀个参数，这个参数是模块对象，键为各个模块的路径， 值为模块内容。⽴即执⾏函数...

• 空空 / 工程化 / 2023-01-12

295浏览

0评论

webpack 与 grunt、gulp 的不同？

Grunt、Gulp 是基于任务运⾏的⼯具： 它们会⾃动执⾏指定的任务， 就像流⽔线，把资源放上去然后通过不同插件进⾏加⼯，它们包含活 跃的社区，丰富的插件，能⽅便的打造各种⼯作流。Webpack 是基于模块化打包的⼯具: ⾃动化处理模块，...

• 空空 / 工程化 / 2023-01-12

209浏览

0评论

如何提⾼webpack 的构建速度？

1.多⼊⼝情况下，使⽤ CommonsChunkPlugin 来提取公共代码2.通过 externals 配置来提取常⽤库3.利⽤ DllPlugin 和 DllReferencePlugin 预编译资源模块 通过...

• 空空 / 工程化 / 2023-01-12

310浏览

0评论

如何⽤webpack 来优化前端性能

⽤webpack 优化前端性能是指优化 webpack 的输出结果，让打包的最 终结果在浏览器运⾏快速⾼效。压缩代码：删除多余的代码、注释、简化代码的写法等等⽅式。可以 利⽤webpack的 UglifyJsPlugin 和 Paralle...

• 空空 / 性能优化 / 2023-01-12

306浏览

0评论

如何对项目中的图片进行优化

1.不用图片。很多时候会使用到很多修饰类图片，其实这类修饰图片 完全可以用 CSS 去代替。2.对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪 费带宽。一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然 后去请求相应裁剪好...

• 空空 / 性能优化 / 2023-01-11

275浏览

0评论

实现节流函数和防抖函数

函数防抖的实现：functiondebounce(fn,wait){vartimer=null;return&n...

• 空空 / js / 2023-01-11

278浏览

0评论

对节流与防抖的理解

函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事 件又被触发，则重新计时。这可以使用在一些点击请求的事件上，避 免因为用户的多次点击向后端发送多次请求。函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触 发事件的...

• 空空 / js / 2023-01-11