期待一个没有 ESLint, Webpack, Babel 的世界 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
xrr2016
V2EX    程序员

期待一个没有 ESLint, Webpack, Babel 的世界

  •  
  •   xrr2016
    xrr2016 2020 年 11 月 11 日 8956 次点击
    这是一个创建于 1910 天前的主题,其中的信息可能已经有所发展或是发生改变。

    弄这些东西真的烦死人...(^)

    69 条回复    2021-11-11 12:22:36 +08:00
    fengxianqi
        1
    fengxianqi  
       2020 年 11 月 11 日   8
    存在是有道理的。
    eslint 能让 shi 山稍微不那么恶心,webpack 方便模块化等一系列好处,babel 让你能用上新语法,其实都是为了提升开发效率和增强维护性。
    SuperManNoPain
        2
    SuperManNoPain  
       2020 年 11 月 11 日 via Android
    确实
    anjianshi
        3
    anjianshi  
       2020 年 11 月 11 日
    后面应该会慢慢清晰的。webpack 最新版本的配置已经比之前简单了
    cmdOptionKana
        4
    cmdOptionKana  
       2020 年 11 月 11 日
    如果是个人项目,完全可以不用。如果是工作,拿钱办事本质上就是处理各种麻烦。
    cmdOptionKana
        5
    cmdOptionKana  
       2020 年 11 月 11 日
    如果是工作,当没有 webpack 的麻烦时,省下来的时间精力就要用来处理别的麻烦。
    Wincer
        6
    Wincer  
       2020 年 11 月 11 日 via Android
    回到十年前就行了,jq 称霸天下。
    Jirajine
        7
    Jirajine  
       2020 年 11 月 11 日 via Android
    人生苦短,我用 parcel
    gouflv
        8
    gouflv  
       2020 年 11 月 11 日 via iPhone
    有个东西叫脚手架
    Cbdy
        9
    Cbdy  
       2020 年 11 月 11 日 via Android
    快了
    yhxx
        10
    yhxx  
       2020 年 11 月 11 日
    可以选现成的脚手架啊

    我刚好相反,极度不喜欢用这些被别人封装好的脚手架
    限制太多
    peterjose
        11
    peterjose  
       2020 年 11 月 11 日
    用原生模块 es6 开 http2 eslint 可有可无
    Osk
        12
    Osk  
       2020 年 11 月 11 日 via Android
    js 啥时候才能别这么多小文件啊,现在的前端项目,太吃磁盘 io 了,这要搁以前机械硬盘的时代不被骂得怀疑人生
    love
        13
    love  
       2020 年 11 月 11 日
    @Osk 快了。yarn2 之类的依赖直接 zip 了且可配置全局共享
    xuanbg
        14
    xuanbg  
       2020 年 11 月 11 日
    @yhxx 脚手架就是要自己搭才合自己的心意。别人的脚手架可以搬过来改造一番变成自己的,但直接用总是各种不如意。
    xuanbg
        15
    xuanbg  
       2020 年 11 月 11 日
    楼主狭隘了啊。这些工具都还挺有用的,熟练使用能省不少功夫。再就是代码没点规矩,写的时候一时爽快,维护的时候就要死人了。
    xuanbg
        16
    xuanbg  
       2020 年 11 月 11 日
    @Osk 自己集成一个 Util 包而不是什么都用第三方,就不会有那么多的小文件了。话说我们前端连那种 3 行代码的都要引一个第三方包,我也是醉了。
    lemon6
        17
    lemon6  
       2020 年 11 月 11 日
    项目简单的话 parcel 就可以了,零配置。
    复杂项目的话,没有 webpack 还真的不行。ESLint 也是,保存的时候能帮你修改代码格式,统一代码风格,也挺好用。
    Lemeng
        18
    Lemeng  
       2020 年 11 月 11 日
    呵呵‘,有点意思
    levelworm
        19
    levelworm  
       2020 年 11 月 11 日
    期待没有 electron 的世界。。。也没什么为什么,就是不喜欢。虽然更可能的是这玩意一统江湖。
    cmdOptionKana
        20
    cmdOptionKana  
       2020 年 11 月 11 日   1
    另外可以关注一下 Deno, 猫总 @xcatliu 用 Deno 已经做出很不错的作品了 /t/698343
    charlie21
        21
    charlie21  
       2020 年 11 月 11 日
    考验动手能力
    tikazyq
        22
    tikazyq  
       2020 年 11 月 11 日
    github 一下 roman
    des
        23
    des  
       2020 年 11 月 11 日   3
    没有 ie 我就心满意足了
    zst
        24
    zst  
       2020 年 11 月 11 日
    最近正在 jq 一把梭的路过.......
    anguiao
        25
    anguiao  
       2020 年 11 月 11 日
    一个人写代码当然怎么爽怎么来,但是团队合作的时候,ESLint 之类的工具还是很有必要。
    murmur
        26
    murmur  
       2020 年 11 月 11 日
    eslint 如果自己好可以不用,反正提交的时候格式化一下就可以
    flawless
        27
    flawless  
       2020 年 11 月 11 日
    团队开发的时候你就会想念这些东西了
    ericgui
        28
    ericgui  
       2020 年 11 月 12 日
    还是太年轻
    huijiewei
        29
    huijiewei  
       2020 年 11 月 12 日 via iPhone
    年轻人

    一步步走路


    先体验一下 ie 6,7,8,9 和 Firefox 的 hack
    Sparetire
        30
    Sparetire  
       2020 年 11 月 12 日 via Android
    回退到 2008
    ccraohng
        31
    ccraohng  
       2020 年 11 月 12 日 via iPhone
    eslint 能提高代码效率。现在不会还有人自己写配置的?
    Mutoo
        32
    Mutoo  
       2020 年 11 月 12 日
    https://rome.tools/

    Rome is a linter, compiler, bundler, and more for Javascript, TypeScript, JSON, HTML, Markdown, and CSS.
    Justin13
        33
    Justin13  
       2020 年 11 月 12 日 via Android
    上 TS+Esbuild 可破
    66beta
        34
    66beta  
       2020 年 11 月 12 日 via Android
    工具是好工具,就是配置太反人类了
    jiangnan01
        35
    jiangnan01  
       2020 年 11 月 12 日
    期待用 IE 的都连不上网
    mascteen
        36
    mascteen  
       2020 年 11 月 12 日
    工具发明出来是为了提高效率,如果不好用大可不用。
    monkeyWie
        37
    monkeyWie  
       2020 年 11 月 12 日 via Android
    我一个人写代码也用 eslint,就喜欢没有 error 和 warnning 的代码,这些都是工程化的最佳实践,修复一个警告的同时还可以看看为什么需要这些做,另外其实配置一点不麻烦,反正基本有脚手架一路回车就行了
    linxl
        38
    linxl  
       2020 年 11 月 12 日
    我在项目里直接引用 vue element-ui axios 文件, 也不打包, 也不做成 spa. 主要是项目小, 尝试中.
    RickyC
        39
    RickyC  
       2020 年 11 月 12 日
    一个没有电脑和智能手机的世界, 也很值得期待.
    不过最近我也在想, 前端的编译太慢烦了, 是必要的吗
    xrr2016
        40
    xrr2016  
    OP
       2020 年 11 月 12 日   1
    @RickyC 编译慢可以拆分 Webpack 模块,加缓存,多核编译,升级 Webpack 版本等

    或者看看 Snowpack ?
    jydeng
        41
    jydeng  
       2020 年 11 月 12 日
    webpack 、babel 还是需要,eslint 看自己需求了。
    yaphets666
        42
    yaphets666  
       2020 年 11 月 12 日
    @Osk ?????几个大文件 几秒才打开网站 这不更被骂吗 小文件有好处呀
    feYAN7
        43
    feYAN7  
       2020 年 11 月 12 日
    相反,我觉得这些很有用,想象一下没有 babel,还要用 var 是多 low
    zy445566
        44
    zy445566  
       2020 年 11 月 12 日
    ESLint 现在暂时还没什么可替代的且还是相对必要的。
    Webpack 等浏览器完全支持 import,稍微做一下 npm 的的迁移问题,那也不需要了
    Babel 其实浏览器已经支持大部分语法了,等现代浏览器普遍后,Babel 后面估计也就是用来做词法分析了。

    所以综上 ESLint 在项目中还会有用武之地,Webpack 会被未来扫进坟墓,Babel 未来在绝大多数项目不被需要,但可能会被用来做 JS 语言的自举的 AST 分析器
    dinjufen
        45
    dinjufen  
       2020 年 11 月 12 日
    还好,用了 eslint 少了很多错误
    yhyh
        46
    yhyh  
       2020 年 11 月 12 日
    如果能把这些玩透 来说这话,可能有点道理,但是没头没尾说这么一句 可能还是有没搞清楚的地方吧
    最近又在重新整理 webpack 了, 像那些热门箱门 umi dva 这些 开箱即用,但是一直黑箱使用
    del1214
        47
    del1214  
       2020 年 11 月 12 日
    农耕火织,回到原始社会
    unicloud
        48
    unicloud  
       2020 年 11 月 12 日
    jq 过来的人,对这一套东西确实很烦,包括我有一段时间也是这样。
    thulof
        49
    thulof  
       2020 年 11 月 12 日   1
    拉了同组别人的代码,然后跑不起来的时候,你就会怀念 ESLint 了
    Osk
        50
    Osk  
       2020 年 11 月 12 日
    @yaphets666 我指的是 node_modules
    dcoder
        51
    dcoder  
       2020 年 11 月 12 日
    作为后端, 问个问题: vue 3 的脚手架是不是可以省掉折腾 Webpack,Babel
    myCupOfTea
        52
    myCupOfTea  
       2020 年 11 月 12 日
    @dcoder 嗯,封装呢
    yaphets666
        53
    yaphets666  
       2020 年 1 月 12 日
    @dcoder 不用等到 vue3 vue-cli 你直接装好 0 配置开发都行
    Feiox
        54
    Feiox  
       2020 年 11 月 12 日
    vite is best !
    dcoder
        55
    dcoder  
       2020 年 11 月 12 日
    @myCupOfTea @yaphets666 @Feiox 所以 vue 就是好 +-_-
    Cbdy
        56
    Cbdy  
       2020 年 11 月 12 日 via Android
    确实比较讨厌,我分享一下我的思路

    eslint 可以不用,webpack 未来可以不用,直接用浏览器原生支持的 esmodule,babel 可以考虑用 esbuild 配合几个小脚本,这样就清爽多了
    maplelin
        57
    maplelin  
       2020 年 11 月 12 日
    更期待一个没有老版本浏览器的世界,这样这些为了兼容出生的工具就都不需要了
    Actrace
        58
    Actrace  
       2020 年 11 月 12 日
    Tonni
        59
    Tonni  
       2020 年 11 月 12 日
    其实这东西就第一次配置的时候费点心,项目脚手架搭建起来开始做业务的时候基本上不会动这些东西了,个人经验是项目开始前基础设施一定要做好,一个完整合理的脚手架会让后续的开发顺心很多。
    myCupOfTea
        60
    myCupOfTea  
       2020 年 11 月 12 日
    @dcoder react 用官方手脚架也一样啊,不好用的话第三方的轮子也很多,比如 umi
    其实都还行吧
    xcatliu
        61
    xcatliu  
       2020 年 11 月 12 日 via iPhone
    @cmdOptionKana 谢推荐。

    pagic 基本做到了去 webpack 去 babel 。基本都是 es6 语法、esmodules 直接跑在浏览器里。
    calpamomo
        62
    calpamomo  
       2020 年 11 月 12 日
    Snowpack
    no1xsyzy
        63
    no1xsyzy  
       2020 年 11 月 13 日
    @dcoder svelte 的脚手架你可以彻底不管 webpack,因为是 rollup (

    我倒是希望不是没有老版本浏览器,而是浏览器行为可以被动态修改动态覆盖
    就比如 Racket,你定义了一个拥有特定结构的库 XXX,直接 #lang XXX 就能改变使用的语言,从解释器到分词器都可以被修改。
    dvaknheo
        64
    dvaknheo  
       2020 年 11 月 13 日
    Javascript 和 php 一样都不需要编译,刷新一下就能出结果,贼快
    dvaknheo
        65
    dvaknheo  
       2020 年 11 月 13 日
    @maplelin chrome 版本太多了,你都不知道用户用的是哪一年版本的 chrome.
    怀念 IE6,就一个版本。
    所以人家打不开的就用 win10 自带 edge 来打开。
    96412hj
        66
    96412hj  
       2020 年 11 月 13 日
    rollup 准备下
    nong99
        67
    nong99  
       2020 年 11 月 22 日 via Android
    没有了 eslint,但是 TypeScript 了
    pikay
        68
    pikay  
       2021 年 11 月 10 日   1
    老哥你这个主题我收藏老久了,今天终于能回答你这个答案了。

    https://ofajs.com/
    xrr2016
        69
    xrr2016  
    OP
       2021 年 11 月 11 日
    @pikay 哈哈哈,看到过你的分享帖,挺棒的
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3681 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 51ms UTC 01:06 PVG 09:06 LAX 17:06 JFK 20:06
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86