首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
Gopal
更多收藏集
微信扫码分享
微信
新浪微博
QQ
16篇文章 · 0订阅
10分钟带你升级webpack5
前言 最近很多小伙伴们都在问vite都出来了,webpack还有必要升级到5么?vite是不是很快就要取代webpack了? 针对这个问题,我个人观点是:适合你项目的构建工具就是最好的。当前前端的构建
Webpack5.0 新特性尝鲜实战 🦀🦀
在老袁写这篇文章的时候,v5版本仍然处于早期阶段,可能仍然有问题。而且作为一个major版本,其中有一些breaking changes,可能会导致一些配置和插件不工作。但这并无妨碍我们去开始对changelog上的新特性进行尝鲜实战。大家如果遇到什么问题可以移步到这进行反馈。…
带你深度解锁Webpack系列(优化篇)
带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇),主要是讲解了 Webpack 的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…
Webpack优化——将你的构建效率提速翻倍
0. 背景 随着构建体系不断完善、构建体验不断优化,webpack 已经逐渐成为了前端构建体系的一大霸主,对于工作中的真正意义上的前端工程项目,webpack 已经成为了我们前端构建技术选型的不二选择,包括 create-react-app 以及 vue-cli 等等业内常见的…
webpack4 的30个步骤打造优化到极致的 react 开发环境,如约而至
本篇所有代码线上代码react-webpack4-cook,翻译过来叫:webpack4和react的乱炖,可以跟着代码进行配置,之前有很多坑,线上代码都已经被解决了 。如果对您有帮助,不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式,大概介绍下我是怎么完成一个…
24 个实例入门并掌握「Webpack4」(一)
它将查找 ./src/index.js 作为默认入口点。 而且,它会在 ./dist/main.js 中输出模块包,目前代码量小,可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 production(生产) 和 develo…
深入理解 Webpack 打包分块(下)
随着前端代码需要处理的业务越来越繁重,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的:在开发时难道一行代码的修改也要重…
深入理解 Webpack 打包分块(上)
随着前端代码需要处理的业务越来越繁重,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的:在开发时难道一行代码的修改也要重…
作为一个前端工程师也要掌握的几种文件路径知识
之前在做webpack配置时候多次用到路径相关内容,最近在写项目的时候,有一个文件需要上传到阿里云oss的功能,同时本地服务器也需要保留一个文件备份。多次用到了文件路径相关内容以及Node核心API的path模块,所以系统的学习了一下,整理了这篇文章。 作者简介:koala,专…
用 webpack 实现持久化缓存
缓存(cache)一直是前端性能优化的重头戏,利用好静态资源的缓存机制,可以使我们的 web 应用更加快速和稳定。仅仅简单的资源缓存是不够的,我们还要为不断更新的资源做持久化缓存(Long term cache)。