谈谈你对webpack的看法?
作者:鹏仔先生日期:2020-06-01 17:36:08浏览:638分类:面试题
WebPack 是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript、CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系,最后 生成了优化且合并后的静态资源。
webpack的两大特色:
1.code splitting(可以自动完成)
2.loader 可以处理各种类型的静态文件,并且支持串联操作webpack 是以commonJS的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移。
webpack具有requireJs和browserify的功能,但仍有很多自己的新特性:
1. 对 CommonJS 、 AMD 、ES6的语法做了兼容
2. 对js、css、图片等资源文件都支持打包
3. 串联式模块加载器以及插件机制,让其具有更好的灵活性和扩展性,例如提供对CoffeeScript、ES6的支持
4. 有独立的配置文件webpack.config.js
5. 可以将代码切割成不同的chunk,实现按需加载,降低了初始化时间
6. 支持 SourceUrls 和 SourceMaps,易于调试
7. 具有强大的Plugin接口,大多是内部插件,使用起来比较灵活
8.webpack 使用异步 IO 并具有多级缓存。这使得 webpack 很快且在增量编译上更加快
- 上一篇:git与svn的区别是什么?
- 下一篇:精灵图和base64如何选择?
猜你还喜欢
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 10-25 js替换字符串某个字符,js修改字符串中指定字符
- 10-20 uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 04-30 object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理
- 04-26 (安卓/IOS)APP调用H5事件,H5调用APP事件
- 04-26 css防止图片变形 object-fit: cover; 属性介绍
- 03-15 VUE中实现点击打印功能 vue网页打印 vue-easy-print
- 02-25 JS判断某个时间戳是否为当天时间
取消回复欢迎 你 发表评论:
- 搜索
- 最新评论
-
你很喜欢评论?访客 评论于:11-09 是呀是呀鹏仔先生 评论于:08-19 这个站长文章写的很详细呀!鹏仔先生 评论于:08-19 ajax和fetch的区别:(1)、ajax是利用XMLHttpRequest对象来请求数据的,而fetch是wi鹏仔先生 评论于:08-03 区别:1、fetch没有办法原生监测请求的进度,而ajax基于原生的XHR开发,可以监测;2、和ajax相比,fetch鹏仔先生 评论于:08-03 欢迎大家添加鹏仔的微信,备注前端或后端,加入微信技术交流群来摸鱼鹏仔先生 评论于:07-15 少写了在components写入vueEasyPrint访客 评论于:04-13 好用访客 评论于:02-28 好用访客 评论于:11-16 生成事件建议写在this.$nextTick(()=˃{})里面访客 评论于:11-11
- 随机tag
暂无评论,来添加一个吧。