V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xrr2016
V2EX  ›  程序员

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

  •  
  •   xrr2016 ·
    xrr2016 · 2020-11-11 18:56:54 +08:00 · 8164 次点击
    这是一个创建于 1471 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    一步步走路


    先体验一下 ie 6,7,8,9 和 Firefox 的 hack
    Sparetire
        30
    Sparetire  
       2020-11-12 01:35:54 +08:00 via Android
    回退到 2008
    ccraohng
        31
    ccraohng  
       2020-11-12 07:27:32 +08:00 via iPhone
    eslint 能提高代码效率。现在不会还有人自己写配置的?
    Mutoo
        32
    Mutoo  
       2020-11-12 07:41:47 +08:00
    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 07:58:06 +08:00 via Android
    上 TS+Esbuild 可破
    66beta
        34
    66beta  
       2020-11-12 08:16:01 +08:00 via Android
    工具是好工具,就是配置太反人类了
    jiangnan01
        35
    jiangnan01  
       2020-11-12 08:46:23 +08:00
    期待用 IE 的都连不上网
    mascteen
        36
    mascteen  
       2020-11-12 08:50:30 +08:00
    工具发明出来是为了提高效率,如果不好用大可不用。
    monkeyWie
        37
    monkeyWie  
       2020-11-12 08:57:53 +08:00 via Android
    我一个人写代码也用 eslint,就喜欢没有 error 和 warnning 的代码,这些都是工程化的最佳实践,修复一个警告的同时还可以看看为什么需要这些做,另外其实配置一点不麻烦,反正基本有脚手架一路回车就行了
    linxl
        38
    linxl  
       2020-11-12 09:01:28 +08:00
    我在项目里直接引用 vue element-ui axios 文件, 也不打包, 也不做成 spa. 主要是项目小, 尝试中.
    RickyC
        39
    RickyC  
       2020-11-12 09:03:59 +08:00
    一个没有电脑和智能手机的世界, 也很值得期待.
    不过最近我也在想, 前端的编译太慢烦了, 是必要的吗
    xrr2016
        40
    xrr2016  
    OP
       2020-11-12 09:07:48 +08:00   ❤️ 1
    @RickyC 编译慢可以拆分 Webpack 模块,加缓存,多核编译,升级 Webpack 版本等

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

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

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

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

    https://ofajs.com/
    xrr2016
        69
    xrr2016  
    OP
       2021-11-11 12:22:36 +08:00
    @pikay 哈哈哈,看到过你的分享帖,挺棒的👍
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1101 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 57ms · UTC 22:58 · PVG 06:58 · LAX 14:58 · JFK 17:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.