现在的前端技术栈真的太恶心了!

2021-12-12 21:05:03 +08:00
 jezal
现在的前端技术栈真的太恶心了!
我就想用个 react ,写个简单页面,npm 、yarn 给我整几千个包
各种框架 Vue 、React 、Angular...
又是打包、又是编译,webpack 、babel...
人山人海一样的各种配置...

遥想十来年前自学那会儿
前端干净、简单、实用、快速,像童话一样
不要跟我说现在项目复杂度高,也没见搞成多复杂的业务需求

前端的兄弟们,你们是怎么挺过来的?
你们觉得现在用着爽么?
25828 次点击
所在节点    程序员
195 条回复
learningman
2021-12-13 00:15:48 +08:00
你不想用就别用啊。。?直接写原生 js 是不能运行还是咋了
Osk
2021-12-13 00:21:29 +08:00
其他还好, 最受不了的是 node_modules 这个无底洞, 因为 js 不像其他的语言那样有强大的标准库, npm 随便一个小工具一大坨依赖, 一大坨小文件真的是难受啊. 动不动以万计的小文件, 人都给整傻了. 而且感觉这样很危险, 依赖的依赖的依赖一挂, 简直噩梦; 另外, 还徒增了供应链攻击的风险.
Rocketer
2021-12-13 00:26:33 +08:00
学之前跟楼主一样的想法。

学之后——我艹,真香!
zxw567
2021-12-13 00:28:11 +08:00
楼上嫌弃 node_modules 的可以试试 pnpm ,可以复用已有的依赖,避免多次重复下载
tfu
2021-12-13 00:31:47 +08:00
今天刚尝试用 vue 想写个单页 web 应用,确实被恶心到了,我就一个页面放在以前可能就三个文件就搞定了( html ,js ,css ),现在安装一堆包,也不知道用不用得上,连哪些包是干嘛的都不知道,搞得有点头大。和楼主感同身受。
ochatokori
2021-12-13 00:34:45 +08:00
十来年前的东西又不是不能用,谁爱用谁用,可以不用委屈自己上脚手架…
ayase252
2021-12-13 00:41:18 +08:00
😅都快 2022 年了

这种贴没记错的话每个月一遍吧
FightPig
2021-12-13 00:43:08 +08:00
@zxw567 最近 一直在用 pnpm ,硬盘占用并不见少多少,node 有很多一行代码解决的问题,也要引个包,11 月 node 包被挂恶意程序的我知道的已经有两回了
IGJacklove
2021-12-13 00:43:51 +08:00
要不是我写过 jQuery 我还真信了你的邪.现在比以前舒服多了吧,以前我自己写着玩的 jQuery 过几周我自己都看不太懂.
toma77
2021-12-13 00:44:59 +08:00
试试 Svelte ,爽的一批
godmiracle
2021-12-13 01:30:00 +08:00
@Osk pnpm 用起来
changwei
2021-12-13 01:34:19 +08:00
react-create-app 或者 vue-cli 脚手架工具帮你直接一键生成好各种环境
react-scripts 甚至帮你封装好了最优化的 webpack 配置,你可以享受到只用更新 react-scripts 就能体验最新和最优 webpack 配置的便利性,而不需要学习 webpack 以及各种 babel ,各种 loader 本身的配置
npx react-create-app app 然后打开 App.jsx 就可以直接开写业务逻辑,需要 sass 直接 npm install node-sass ,需要 typescript 也直接安装一下依赖就好,整个过程全部都是背后的 react-scripts 帮你做好了 webpack 和相关配置,并且还是最优配置,我实在想不到还有什么比这更方便的开发方式?
要发布生产环境也可以直接 npm run build 一键生成最优化的 js 和 css 代码,直接 copy 到 nginx 的 webroot 就能运行,简直不要太方便
难道手动去 copy 最新 jquery 引入链接,手动引入各种 vendor 还要考虑依赖和加载顺序,手动配置开发 server ,手动用 link 引入各种 css ,手动使用各种 document.getElementById 然后再用 element.innnerHTML 等各种 HTML DOM API 修改与读取 DOM 内容这种开发方式会很简单?
vision1900
2021-12-13 02:10:08 +08:00
目前的情况是一个非常好的后端工程师不需要了解前端,一个非常好的前端工程师必须了解后端
noqwerty
2021-12-13 02:29:55 +08:00
@changwei #52 作为一个对前端了解不多的人,写新项目的时候确实很方便,通过你说的这些脚手架工具很快就能搭起环境。潜在的弊端是我根本不知道生成的这些文件是做什么的,它们之间依赖关系是怎样的,修改起来可能牵一发而动全身。而一旦需要深入了解就进入到了楼主说的情况,想写几个界面结果要学一大堆配置文件😂
xujinkai
2021-12-13 02:46:58 +08:00
主要是工程目录太庞杂了,自动生成的配置又复杂无比,虽说不一定要手动去配,但确实是看着“恶心”。
拿其他语言举例,C#工程默认就是一个 csproj 文件和一个 cs 文件,上手“看起来”就友好一些。c 语言,起手一个 c 文件,再 Makefile 里写两行,得从零写,但也很清晰。
而前端,npm 先搞进来几千上万个文件,一大堆 json 配置,我这种新手根本搞不清依赖关系,哪个能改哪个不能改,自然看着“恶心”。
啥时候前端工程能起手一个 html/js 一个 config ,同时还能处理各种依赖和兼容,就不会被吐槽了。
ericgui
2021-12-13 04:04:19 +08:00
你如果仅仅是随便用用,cra 足够了,但作为一个专业前端,你还是要学习一下怎么用这些构建工具的,有很多复杂的情况需要考虑,这些构建工具确实能帮到你
3dwelcome
2021-12-13 04:34:46 +08:00
不仅仅是技术上的复杂,工具太复杂,你还可以选择性忽略。

但是前端计算能力上去后,需求也变极其复杂,导致代码量上去后,不好维护,这才是最要命的点。

天天写一大堆逻辑,功能是强了,代码也乱了。也不知道是好事还是坏事。
eason1874
2021-12-13 06:45:17 +08:00
现代前端开发环境已经跟后端一样复杂了,开发效率提高了,门槛也提高了

Vue 有 standalone 版本,可以脱离前端开发工具链,像库那样引入文件然后写代码
randyo
2021-12-13 06:47:59 +08:00
jQuery 才是真的恶心,不想回去用那个玩意
Infinitify
2021-12-13 07:03:54 +08:00
@Buges vite 好像用的人还不太多,否则可以用一下。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/821702

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX