首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
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配置的线上生产例子。 构建现代化网站已经成为自定义应用程序开发,网站期望能做的更多,具有传统应用的功能,而不仅仅是一个推广网站。 随着一个流程变得复杂时,我们就会将它分解…