标签:Webpack

前端开发

你应该立即停止使用 lodash-webpack-plugin

1

前端里 - 小鱼 发布于 2023-05-30

最近某个页面在某次发布后,引用的一个第三方包发生了运行时报错。经过一番仔细的 DEBUG,发现在这次发布的构建中,lodash 的 _baseFlatten 模块被替换成了另一个一行代码的模块(后面确认是 lodash 的 head 模块)。 同一个 git commit (而且...

阅读(494)评论(0)赞 (3)

前端开发

90 行代码的 Webpack,你确定不学吗?

2

前端里 - 小鱼 发布于 2022-05-04

在前端社区里,webpack 可以说是一个经久不衰的话题。其强大、灵活的功能曾极大地促进了前端工程化进程的发展,伴随了无数前端项目的起与落。其纷繁复杂的配置也曾让无数前端人望而却步,笑称需要一个新工种”webpack 配置工程师”。作为一个历史悠久,最常见...

阅读(1493)评论(0)赞 (5)

前端开发

18款 Webpack 插件,总会有你想要的!

前端里 - 小鱼 发布于 2020-06-21

这篇文章整理了18个 Webpack 插件,分享给 Web 开发的小伙伴。Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节...

阅读(1239)评论(0)赞 (7)

前端开发

Webpack HMR 热更新实现原理深入分析

5

前端里 - 小鱼 发布于 2018-11-08

概述 在使用 Webpack 构建开发期时,Webpack 提供热更新功能为开发带来良好的体验和开发效率,那热更新机制是怎么实现的呢? 代码实现 Webpack 配置添加 HotModuleReplacementPlugin 插件 new webpack.HotModuleRep...

阅读(2842)评论(0)赞 (2)

前端开发

使用webpack提升vue应用的4种方式

1

前端里 - 小鱼 发布于 2017-11-26

译者注:本篇文章所提到的几个措施大家可能都曾经在项目里用过,但是就如作者所言:你只是在用,并不知道为什么用,本文最大的价值在于提供了系统的优化方案并解释了原因 webpack是开发Vue单页应用必不可少的工具,它能管理复杂的构建步骤,并且优化你的应用大小和性能, 使你的开发工作流...

阅读(2423)评论(0)赞 (13)

实用工具

我终于弄懂了各种前端 build 工具

5

前端里 - 小鱼 发布于 2016-09-20

即使对于一些经验丰富的开发者来说,诸多的前端工具还是会让他们感到头痛,例如我。解决这个问题的最好办法,就是在概念上理解他们的工作方式,已经他们之间相互配合的方式。 不要被各种专业名词唬住 Node, NPM, Grunt, Gulp, Bower, Webpack, Browse...

阅读(6103)评论(0)赞 (34)