首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack打包工具
订阅
Crazystudent13
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
每个前端都必须要学会的Webpack优化手段
前言 大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心 webpack优化很有必要 上一篇文章给大家讲解了简单搭建一个Vuecli,但是只是基本搭建,而没有进
浅谈前端热更新(上)
前言 在日常的前端开发中,相信很多小伙伴们应该对前端热更新又熟悉又陌生。一开始听说前端还有热更新,我表示疑惑 前端还有热更新? 一般来说热更新是手游这种比较庞大的APP等等需要热更新,可以通过加载补丁
Vue项目优化打包——前端加分项
Vue项目开发完毕后,对项目进行打包发布之前,必不可少的操作就是项目优化,这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~
【webpack】性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包
上次我们简单介绍了一下webpack的基本使用,今天我们来看看使用webpack进行性能优化的一些配置。这篇一直在我的掘金草稿箱里,本来也准备拿出来当小知识发的,刚好掘金又来了性能优化的活动,赶了个巧
做了一夜动画,让大家十分钟搞懂Webpack
做了一夜动画,让大家十分钟搞懂Webpack 一、什么是webpack webpack是一个打包工具,他的宗旨是一切静态资源皆可打包。 二、原理分析 首先我们通过一个制作一个打包文件的原型。 假设有两
jsliang 求职系列 - 31 - Webpack
都 2020 了,不会点 Webpack 好像有点说不过去。 但是事实上如果不是分配到【架构组】之类的团体中,感觉接触 Webpack 的概率会少点吧。 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。 当 Webpa…
webpack从基础配置到性能提升的进阶之路
cli工程师,顾名思义就是使用现成的脚手架来实现开发。通过直接拉取现成的脚手架工程固然可以免去项目起始阶段的基础框架配置,便于开发人员快速入手开发,但作为一名合格的前端开发工程师,我们也要具备一定的搭建脚手架的基本能力,所谓知其然也要知其所以然,这也有利于我们日后对于项目进行性…
面试官:webpack原理都不会?
前一段时间我把webpack源码大概读了一遍,webpack 到4.x版本后,其源码已经比较庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…
webpack——从基础使用到手动实现
1. webpack是干什么的,它如今在前端是一个什么样的地位 这个其实不用多说了,如今的前端项目哪里还有用不到打包工具的呢,而webpack又作为打包工具中的王者我们又有什么理由不去搞明白它呢。 2. commonjs与ES6 Module不应该了解吗 默认导出export …
玩转 webpack,使你的打包速度提升 90%
webpack 打包优化并没有什么固定的模式,一般我们常见的优化就是拆包、分块、压缩等,并不是对每一个项目都适用,针对于特定项目,需要不断调试不断优化。 对于 webpack4,建议从零开始配置,在项目初期,使用 webpack4 默认的配置。 接下来,本篇文章会列出所有适用于…