webpack
- plugin loader 区别
loader :让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript)(被用于转换某些类型的模块)
plugin :而插件则可以用于执行范围更广的任务,
打包优化,环境变量
gulp
grunt
rollback
webPack | Gulp、Grunt |
---|---|
区别: 基于入口的 | 基于任务和流(Task、Stream)的 |
自动地递归解析入口所需要加载的所有资源文件,然后用不同的Loader来处理不同的文件,用Plugin来扩展webpack功能 | 将整个前端构建过程拆分成多个 Task,并合理控制所有 Task的调用关系 |
代码切割(模块部分),合并(公共部分合理合并),压缩 ,替换(由cdn 的话),预加载 等