首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
Just_dance
更多收藏集
微信扫码分享
微信
新浪微博
QQ
7篇文章 · 0订阅
[万字总结] 一文吃透 Webpack 核心原理
解析 webpack 核心流程与插件架构,理解: - Webpack 从启动到输出 bundle,内部逻辑流转过程 - 编写 webpack 插件前,你需要弄清楚哪些问题
webpack优化
要会优化必须先学会统计分析。 使用 webpack 内置的 stats构建统计信息。 使用 speed-measure-webpack-plugin可以看到每个 loader 和插件执行耗时。 业务里面的组件代码大小。 使用字符串方法替代正则表达式。 会将它及它的依赖分配给 w…
webpack4打包优化(HappyPack、thread-loader)
webpack构建过程中直接影响构建效率的,一个是文件的编译,另一个是文件的分类打包。相较之下文件的编译更为耗时,而且在Node环境下文件只能一个一个去处理,因此这块的优化需要解决。那么要怎样优化打包速度呢? 1. 使用高版本的webpack和node.js 2. 多进程/多实…
webpack4打包优化
随着项目迭代,需要的前端依赖、js、css、静态资源等不断增加,代码越来越冗余,导致打包后的文件过大,打包速度也变得越来越慢。最近的项目打包时间已经近5分钟,再加上jenkins部署时的依赖安装、文件上传等,一次构建需要7-8分钟,这样的速度,严重影响到了开发及发版效率。 因此…
带你深度解锁Webpack系列(基础篇)
三篇长文带你解锁 Webpack ,希望读完这三篇文章,你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器,当 webpack 处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每…
webpack详解
webpack是现代前端开发中最火的模块打包工具,只需要通过简单的配置,便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置,便可以轻松实现对代码的构建呢? Plugins:Loaders将各类型的文件处理成webpack能够处理的模块,plugins有着很强的能力。…
webpack4.x最详细入门讲解
本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,所以本文也比较长,但如果你能动手跟着本文中的例子完整写一次,相信你会觉得Webpack也不过如此。 简单来说,它其实就是一个模块打包器。 如果像以前开发时一个html文件…