首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
落魄阴阳师
更多收藏集
微信扫码分享
微信
新浪微博
QQ
34篇文章 · 0订阅
当面试官问Webpack的时候他想知道什么
在前端工程化日趋复杂的今天,模块打包工具在我们的开发中起到了越来越重要的作用,其中webpack就是最热门的打包工具之一。 说到webpack,可能很多小伙伴会觉得既熟悉又陌生,熟悉是因为几乎在每一个项目中我们都会用上它,又因为webpack复杂的配置和五花八门的功能感到陌生。…
霖呆呆的六个自定义Webpack插件详解-自定义plugin篇(3)
你盼世界,我盼望你无bug。Hello 大家好!我是霖呆呆! 有很多小伙伴在打算学写一个webpack插件的时候,就被官网上那一长条一长条的API给吓到了,亦或者翻阅了几篇文章之后但还是不知道从何下手。 而呆呆认为,当你了解了整个插件的创建方式以及执行机制之后,那些个长条的AP…
【webpack系列】webpack构建速度和体积优化策略
1. 初级分析:使用webpack内置的stats 缺点:颗粒度太粗,看不出问题所在。 2. 速度分析:使用speed-measure-webpack-plugin 分析整体打包的总耗时,以及每个loader和插件的执行耗时情况。 3. 体积分析:使用webpack-bundl…
Webpack配置全解析(优化篇)
在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法,当loader和plugins使用较多后项目也会越来越耗时,因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…
玩转 webpack,使你的打包速度提升 90%
webpack 打包优化并没有什么固定的模式,一般我们常见的优化就是拆包、分块、压缩等,并不是对每一个项目都适用,针对于特定项目,需要不断调试不断优化。 对于 webpack4,建议从零开始配置,在项目初期,使用 webpack4 默认的配置。 接下来,本篇文章会列出所有适用于…
嘿,不要给 async 函数写那么多 try/catch 了
另外可以发现并不是一个 token 对应一个 Node,等号左右必须都有值才能组成一个声明语句,否则会作出警告,这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…
关于webpack4的14个知识点,童叟无欺
没有什么比时间更具有说服力了,因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使…
📚免费的渐进式教程:Webpack4的16篇讲解和16份代码
首先,没有标题党!这套教程确实是免费的,并且针对每节讲解准备了对应的代码,代码环境是webpack4。 课程以常见的webpack4用法为主线,按照从易到难的顺序,逐步引导搭建,渐进式教程真香。 说句实在话,webpack4其实完全靠文档,但是刚入手的时候还是有个简易教程比较好…
Vue项目Webpack优化实践,构建效率提高50%
公司的前端项目使用Vue框架,Vue框架使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践,通过以下方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分…
用于前端开发的webpack4配置[带注释]
随着web开发变得越来越复杂,我们需要使用工具来帮助我们构建现代化网站。这是一个完整通过复杂webpack4配置的线上生产例子。 构建现代化网站已经成为自定义应用程序开发,网站期望能做的更多,具有传统应用的功能,而不仅仅是一个推广网站。 随着一个流程变得复杂时,我们就会将它分解…