首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Webpack
订阅
香椿树图图
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
一文带你梳理Webpack面试题(2024年版)
又是一年金九银十,虽然市场一般,如何才能抓住来之不易的机会呢?自然是砥砺自身能力,完善知识体系。 挖下深坑擒虎豹,挂上长线钓金鳌。 本文基于笔者的个人面试经历 + 线上他人面经,筛选整理高频面试题
Webpack5 新特性业务落地实战
Webpack5 在 2020 年 10 月 10 日正式发布,并且在过去的几个月中快速演进和迭代,截止 1 月 28 日,Webpack5 已经更新了 18 个 minor 版本,带来了许多十分吸引人的新特性。据官网介绍,Webpack5 整体的方向性变化有以下几点: 最后的…
轻松理解webpack热更新原理
一种是页面刷新,不保留页面状态,就是简单粗暴,直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换,只需要局部刷新页面上发生变化的模块,同时可以保留当前的页面状态,比如复选框的选中状态、输入框的输入等。…
我把公司大项目热更新从14s优化到2s【webpack热更新优化大全】
全网最全的webpack热更新调优方式; 帮助你有效的提高前端项目的热更新速度; 学会根据自己项目特点来进行优化。
二十张图片彻底讲明白Webpack设计理念,以看懂为目的
Webpack 一直都是有些人的心魔,不清楚原理是什么,不知道怎么去配置,只会基本的 API 使用。它就像一个黑盒,让部分开发者对它望而生畏。 而本节最大的作用,就是帮大家一点一点的消灭心魔。
webpack优化解决项目体积大、打包时间长、刷新时间长问题!
在项目中,如果发现脚手架打包缓慢,体积又臭又大,那么,升级技术环境是提升的最快方式,比如node环境,比如升级脚手架版本,效果会有显著提升,而且是最廉价的优化方式。 首先当我们取用esmodel去引用jquery的时候npm搜索会先从当前目录的node_modules中找,找不…
使用process.env.NODE_ENV的正确姿势
process.env.NODE_ENV应该是我们最熟悉的环境变量了,它经常出现在使用框架或者类库的时候,被用来区分不同的环境(开发,测试,生产等)
Vue 3 和 Webpack 5 来了,手动搭建的知识该更新了
用 Vue CLI 工具去搭建一个项目。 在领导或同事搭建好的项目基础上做业务。 长此以往,会导致你对整个项目的把控度越来越低。面试下一家公司的面试官问你,是否手动搭建过 Vue 项目的时候,对配置一问三不知🤔️ 。本文着重为大家讲解从 0 到 1 搭建 Vue 3.x 开发…
从零使用 Webpack5 搭建一个完整的 Vue3 的开发环境
下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后,会在项目的根目录自动创建一个 dist 文件夹,里面的 main.js 文件就是我们打包后的文件。 注意:若不想将配置写在配置文件中,可在项目根目录创建 babel.config.js…
Webpack 原理系列九:Tree-Shaking 实现原理
一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术,它会在运行过程中静态分析模块之间的导入导出,确