Comments (2)
loader即为文件加载器,操作的是文件,将文件A通过loader转换成文件B,是一个单纯的文件转化过程。
plugin即为插件,是一个扩展器,丰富webpack本身,增强功能 ,针对的是在loader结束之后,webpack打包的整个过程,他并不直接操作文件,而是基于事件机制工作,监听webpack打包过程中的某些节点,执行广泛的任务。
from trisome.
简单讲: loader 负责文件转换、plugin 负责功能扩展
loader:在 webpack 内部默认只能够处理 js 模块代码,在打包过程中,会默认把所有遇到的文件都当作 JavaScript 代码进行解析,因此当项目存在非 js 类型文件时,需要先对其进行转换,才能继续执行打包任务。
plugin:负责拓展更多的功能,webpack 基于发布订阅模式,在运行生命周期中会广播出许多事件,插件通过监听这些事件,就可以在特定的阶段执行自己的插件任务,从而实现自己想要的功能。
webpack 的事件机制基于 webpack 自己实现的一套 Tapable 事件流方案。
from trisome.
Related Issues (20)
- 说说什么是工程化? HOT 2
- 说一下Webpack打包原理 HOT 5
- Webpack 有哪些性能优化手段? HOT 2
- 说说Webpack打包流程 HOT 2
- 说说Webpack hash、chuckhash、 contenthash的区别,分别应用于什么场景? HOT 1
- 如何提高Webpack的打包速度? HOT 1
- 如何提高Webpack的构建速度? HOT 1
- 说说 git rebase 和 git merge 的区别 HOT 2
- Babel的原理是什么? HOT 4
- 说一下对http2的理解,它解决了什么问题? HOT 2
- 什么是HTTP队头阻塞?什么是TCP队头阻塞? HOT 2
- HTTP连接为什么要三次握手? HOT 1
- 说说浏览器缓存和HTTP缓存 HOT 2
- 说一下HTTPS的原理 HOT 1
- 说说TCP与UDP的区别 HOT 2
- 什么是无状态协议,HTTP 是无状态协议吗?怎么解决? HOT 2
- 说说web安全及防护措施 HOT 2
- 请求20个接口都对第一屏内容很关键如何做优化? HOT 2
- 如何做web性能优化? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from trisome.