V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xrr2016
V2EX  ›  程序员

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

  •  
  •   xrr2016 ·
    xrr2016 · Nov 11, 2020 · 9123 views
    This topic created in 1996 days ago, the information mentioned may be changed or developed.

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

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

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

    一步步走路


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

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

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

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

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

    pagic 基本做到了去 webpack 去 babel 。基本都是 es6 语法、esmodules 直接跑在浏览器里。
    calpamomo
        62
    calpamomo  
       Nov 12, 2020
    試試 Snowpack
    no1xsyzy
        63
    no1xsyzy  
       Nov 13, 2020
    @dcoder svelte 的脚手架你可以彻底不管 webpack,因为是 rollup (
    ——
    我倒是希望不是没有老版本浏览器,而是浏览器行为可以被动态修改动态覆盖
    就比如 Racket,你定义了一个拥有特定结构的库 XXX,直接 #lang XXX 就能改变使用的语言,从解释器到分词器都可以被修改。
    dvaknheo
        64
    dvaknheo  
       Nov 13, 2020
    Javascript 和 php 一样都不需要编译,刷新一下就能出结果,贼快
    dvaknheo
        65
    dvaknheo  
       Nov 13, 2020
    @maplelin chrome 版本太多了,你都不知道用户用的是哪一年版本的 chrome.
    怀念 IE6,就一个版本。
    所以人家打不开的就用 win10 自带 edge 来打开。
    96412hj
        66
    96412hj  
       Nov 13, 2020
    rollup 准备下
    nong99
        67
    nong99  
       Nov 22, 2020 via Android
    没有了 eslint,但是 TypeScript 了
    pikay
        68
    pikay  
       Nov 10, 2021   ❤️ 1
    老哥你这个主题我收藏老久了,今天终于能回答你这个答案了。

    https://ofajs.com/
    xrr2016
        69
    xrr2016  
    OP
       Nov 11, 2021
    @pikay 哈哈哈,看到过你的分享帖,挺棒的👍
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2491 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 211ms · UTC 09:55 · PVG 17:55 · LAX 02:55 · JFK 05:55
    ♥ Do have faith in what you're doing.