在前端面试过程当中,经常问一些我们使用过哪些构建工具,一般情况我们只会说webpack,但是打包工具又不局限这一种,下面我将工作中常用的三款构建工具简单总结一下,在面试中回答会有很出彩的标签
webpack
-
把所有文件当做模块处理,
-
默认支持 js 文件,如果需要打包其他文件需要不同的 loader 和 plugin 进行配合
-
支持 thre-shaking
-
更适合项目使用
rollup
-
只处理 js 文件,不会生成冗余代码,
-
支持 thre-shaking
-
vue、react、等 js 文件更适合使用
parcel
-
体积更小更轻便,开箱即用,默认支持 js 、css、 html, 也支持不同的 插件
-
无需配置
-
默认支持 热更新服务
-
不支持 thre-shaking