什么是webpack(项目总结)
来源:互联网 发布:中国象棋训练软件 编辑:程序博客网 时间:2024/06/10 21:43
新的项目要用vue.js 作为框架,所以就接触到了webpack,那么什么是webpack呢?首先在了解webpack之前,先了解一下什么是gulp和grunt,
1. 比如我们以前开发写很多个文件,尤其是近年来诸如coffeescript sass less jade模板以及mvc mvvm这种框架,让前端开发方便了很多。
仅以js为例,我们可能需要先把coffeescript转译成js,然后做一次语法检查,然后再压缩合并,最后才部署到生产。
gulp就是用来把上述流程自动化的,并且现在像gulp和grunt这种工具一般都提供额外的实时刷新服务器,就是说,在开发过程中监视你的文件改变,实时来帮你刷新浏览器。
前端开发越来越复杂,gulp就是把流程工具化来提高效率。2 什么是Webpack
Webpack的工作方式是:把你的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到你的项目的所有依赖文件,使用loaders处理它们,最后打包为一个浏览器可识别的JavaScript文件。WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。
1、过去使用require和rjs等进行模块加载的方式,可以替换为webpack提供的指定loader去完成,你也可以自己开发加载特定资源的loader。
2、过去使用gulp和grunt完成项目构建优化的方式,可以替换成webpack提供的插件和特定的配置去完成。
3、由于模块的加载和项目的构建优化有机的结合,所以webpack能够更好的完成这项工作
4、并不是说有了webpack就淘汰的gulp等,有些特定的任务,还是要使用gulp去自定义完成的。但是不保证webpack的未来发展趋势会怎么样。
阅读全文
0 0
- 什么是webpack(项目总结)
- WebPack系列教程(三):什么是WebPack
- 什么是 webpack
- react+redux+webpack移动端项目总结
- Vue2+VueRouter2+webpack 构建项目总结
- webpack(1):什么是webpack模块
- 什么是WebPack?????npm
- webpack总结
- Webpack 总结
- [React项目总结] 基于 webpack 搭建前端工程基础篇
- webpack构建vue项目(配置篇)
- webpack构建vue项目(配置篇)
- vue +webpack项目实战(转载)
- webpack构建vue项目(配置篇)
- Webpack(三)前端项目打包步骤
- Webpack(一)前端项目打包配置
- webpack项目流程学习(一)
- webpack项目流程学习(二)
- Win10 环境下科大讯飞语音合成5.0破解版 安装方法
- Oracle删除当前连接用户
- gdb调试多线程多进程程序
- django-crontab使用时遇到‘No handlers cloud be found for logger "django_crontab.crontab" ’
- python--学习第一天
- 什么是webpack(项目总结)
- 常用类/ID命名举例
- jQuery.Validate验证库的使用介绍
- 【脚本语言系列】关于Python结构化文本文件处理YAML,你需要知道的事
- 这货真的是随笔
- 面试题36:数组中的逆序对
- 网站中返回上级的处理
- 【Qt5】QString与string,int转换
- Servlet 知识点(一) -- 异步请求Servlet