现在前端打包现在都用什么工具？求推荐

[afeiche]

我是后端，小公司接手了个 node 项目，需要做一个前端的 demo ，里面有个 node 的依赖，感觉以前的<script>引入 js 都不能用了，看了一圈，现在前端都得打包了，什么 webpack ，vite ，gulp ，不知道大家推荐用哪一个打包工具？

[fox0001]

@hzxxx #9 以前我就想，jQuery 不能用吗，弄那么多前端框架，闲着蛋疼吧。用过 VUE 后，嗯，真香～😂

[hzxxx]

@qrobot 内卷的人是我讨厌的，你这样的也是我讨厌的，上来就苦大仇深的，跟我欠你几百万不还一样，还趾高气昂的，我看着就讨厌，你有看题主写的什么东西，题主问打包工具这么多，选哪一个，给你点赞的估计也是玻璃心，不会回你这样的了

[sjhhjx0122]

@hzxxx 但你的回复也不是告诉题主那个构建工具好啊，而且我也不认同你说的前端工具是提高门槛内卷，只是自然发展的必要

[libook]

打包工具不是必需的，如果只是做个 demo ，很可能不需要打包。

用了打包工具，最终还是需要在 html 里插 script 标签引入 JS 。

非要用的话就看自己用的框架有没有自带打包工具的脚手架，直接用自带的就行，没必要浪费时间亲自去配置。

[duan602728596]

小项目用 vite ，编译快，编译出来的是 esm 代码。
大项目用 webpack ，插件多，编译的代码兼容性强（指的是 webpack 自身的代码）。
组件用 rollup ，编译出来的代码少，支持各种模块化方案。
gulp 是自动化构建工具，支持多任务并行或者串行执行，相当于流水线的工作方式。

[cweijan]

@hzxxx 前端是最近发展快, 现在的工具大大的提高了效率

[afeiche]

@libook 主要是依赖的开源库需要用 import 引入，还带了一堆的依赖，然后我就抓虾了，看了一下 mdn ，浏览器自带的 import 应该没有解决怎么递归依赖，估计还是得用打包工具，我看了一下项目 demo 是用 gulp 的。
ps：楼上的各位也不用争论，我理解每个领域都是在发展的，我以前还会用 jquery 写一些比较简单的前端功能，现在估计得从头学才能掌握，只能说前端也越来越工程化了，以前前端讲究的是切图，理解 dom 结构，掌握浏览器渲染的规则，现在可能更偏向于脚手架了。

[libook]

@afeiche #26 现代浏览器应该是支持 script 标签的 type=module ，递归依赖也是支持的，浏览器在遇到 import 指令的时候会去按照路径请求对应的 js 文件，你可以试试。

具体可以参考这个 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Modules

当然，如果依赖是用 require 来引用的话，就必须用打包工具合并或转换一下了。

[afeiche]

@libook 我看了一下，开源库是用 ts 写的，然后引入用的是 import ，引入的时候没有后缀，直接是文件名：
import { EnhancedEventEmitter } from './EnhancedEventEmitter';
这种是不是也只能够用打包工具了？

[libook]

@afeiche #28 额，TS 是必须要转成 JS 才能运行的，横竖都得处理代码的话，估计用打包工具会方便一些。

[anguliuyun]

@Oktfolio 哈哈 这是 Java17 选什么供应商那个主题吧