首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack工程化
订阅
Harhao
更多收藏集
微信扫码分享
微信
新浪微博
QQ
24篇文章 · 0订阅
Webpack实战-构建同构应用
同构应用是指写一份代码但可同时在浏览器和服务器中运行的应用。 搜索引擎无法收录你的网页,因为展示出的数据都是在浏览器端异步渲染出来的,大部分爬虫无法获取到这些数据。 对于复杂的单页应用,渲染过程计算量大,对低端移动设备来说可能会有性能问题,用户能明显感知到首屏的渲染延迟。 为了…
脑壳疼的Webpack-tapable
Q1:tapable解决的问题?tapable是个独立的库webpack中大量使用了这个库tapable主要是用来处理事件,解决的问题有点类似EventEmitter,不过功能更加强大Q2:tapab
Webpack原理-输出文件分析
本节将解释清楚以上问题。 bundle.js 能直接运行在浏览器中的原因在于输出的文件中通过 __webpack_require__ 函数定义了一个可以在浏览器中执行的加载函数来模拟 Node.js 中的 require 语句。 原来一个个独立的模块文件被合并到了一个单独的 b…
Webpack原理与实践(一):打包流程
在阅读 webpack4.x 源码的过程中,参考了《深入浅出webpack》一书和众多大神的文章,结合自己的一点体会,总结如下。 webpack 就像一条生产线,要经过一系列处理流程后才能将源文件转换成输出结果。 这条生产线上的每个处理流程的职责都是单一的,多个流程之间有存在依…
webpack原理
查看所有文档页面:全栈开发,获取更多信息。 原文链接:webpack原理,原文广告模态框遮挡,阅读体验不好,所以整理成本文,方便查找。 在了解 Webpack 原理前,需要掌握以下几个核心概念,以方便后面的理解: Entry:入口,Webpack 执行构建的第一步将从 Entr…
🔥Webpack 插件开发如此简单!
做自己的轮子,让别人用去吧。 本文灵感源自业务中的经验总结,不怕神一样的产品,只怕一根筋的开发。 在项目打包遇到问题:“当项目托管到 CDN 平台,希望实现项目中的 index.js 不被缓存”。因为我们需要修改 index.js 中的内容,不想用户被缓存。 打包时动态创建 s…
webpack原理解析(三)plugin机制
在之前的文章中,我们了解到了webpack的打包机制和loader,loader 用于转换某些类型的模块,而plugin则可以用于执行范围更广的任务。包括:打包优化,资源管理,注入环境变量。插件目的在于解决 loader 无法实现的其他事。所以我们很有必要探究一下webpack…
干货!撸一个webpack插件(内含tapable详解+webpack流程)
Webpack可以将其理解是一种基于事件流的编程范例,一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 Tapable暴露出挂载plugin的方法,使我们能 将plugin控制在webapack事件流上运行(如下图…
看清楚真正的 Webpack 插件
什么是 webpack? webpack 能干什么? webpack 怎么用? 太多的入门教程了,一搜一大把,不再说了,而且 webpack 的官方文档应该是文档届的标杆了,太详细了,由浅入深,从玩具类型的初级 Level,到深度优化的生产环境下产品级别的高级 Level 都讲…
Webpack原理-编写Plugin
Webpack 通过 Plugin 机制让其更加灵活,以适应各种应用场景。 在 Webpack 运行的生命周期中会广播出许多事件,Plugin 可以监听这些事件,在合适的时机通过 Webpack 提供的 API 改变输出结果。 Webpack 启动后,在读取配置的过程中会先执行…