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

[afeiche]

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

[yunye]

vite

[rabbbit]

网站 webpack vite
组件 /包 rollup

[DingJZ]

这个描述没看懂，项目的运行环境到底是浏览器还是 node 。
如果是浏览器，完全可以不考虑那些，用你熟悉的方式搞就可以；
如果是 node ，简单来说都不需要打包，反正是服务端运行

[hervey0424]

zip

[learningman]

esbuild

[zixiCat]

folder

[DOLLOR]

你先搞清楚你的项目到底是 web 前端项目，还是 node 项目。

实在不懂就 npm install ，npm run build 就完事了。

[cyberpoint]

@DingJZ 正解

[hzxxx]

现在的开发就是喜欢搞一大堆东西来提高门槛来内卷

[Oktfolio]

IBM Semeru Runtimes (OpenJ9)
Amazon Corretto 17

[Oktfolio]

@Oktfolio 发错地方了...

[mobyride]

yarn build

[qrobot]

@hzxxx 那我问一下

- 浏览器不支持 call?.() 这种语法糖怎么办?
- React 用 createElement 一直写下去确定不嫌弃麻烦吗?
- 是不是每个浏览器的兼容性问题都要自己去写 polyfill ?
- 代码的 tree shaking 怎么实现？
- 代码的 code splitting 怎么实现?
- 代码的库的递归依赖怎么解决？ 例如 Antd 依赖 React ， 你的项目也依赖 React 这种依赖怎么解决，直接引入吗？

请给我一个解决方案， 别告诉这些都不用做，前端只负责写一个 HTML 页面就好了，不需要 css/js 库, 也不需要解决依赖管理的问题？

[qrobot]

@hzxxx 你了解一下 google web toolkit 就知道，如果 web 开发要发展, 把 js 当作汇编语言进行语法解析树分析是必然的过程， 如果你觉得这是为了提高所谓的门槛，我只能说这种门槛也太低了

[jinliming2]

https://parceljs.org/
直接 html script 一个 入口 js 文件，其他的都不用管了。

[codingBug]

esbuild 和 rollup ，或者直接选用 vite 进行开发

[um1ng]

vitejs 现在支持 vue 和 react 都很友好了

[bojue]

@hzxxx 感觉有点做题家的策略，对于技术的热爱有点近乎偏执的目的性，对于软件本身的功能和体验都没人关注了

[DOLLOR]

@hzxxx
反了吧，正因为这些东西降低了门槛，吸引更多的人来内卷。

[xieqiqiang00]

最流行的是 webpack ，我就这么说吧