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

Vite+React+TS+Eslint+Prettier starter kit

  •  
  •   XTTX · 228 天前 · 1010 次点击
    这是一个创建于 228 天前的主题,其中的信息可能已经有所发展或是发生改变。
    Vite 用 es-build, 速度就不用多讲了。对比 CRA, 好多地方有不同。 我花了不少时间,搜了不少东西,做了一个自己用的 starter kit.

    Vite + React + Typescript + Eslint + Airbnb eslint rules + Airbnb Typescript rules + Prettier + env variable import + Absolute Import Path


    https://github.com/jt6677/vite_ts_eslint_prettier_aribnbts

    ==============================================
    !yes, tons of setup and config files.

    ==============================================
    env variable import:

    You need to add type in env.d.ts like "readonly VITE_ANYTHING: string"
    variables MUST start with VITE_
    usage of env variable in your app, no need to import, just use it as a global variable: console.log(import.meta.env.VITE_API_URL)

    ==============================================
    Absolute Import Path

    import App from "~/components". ~/ is the absoulte path, equal to ./src

    ==============================================
    reverse Proxy in vite.config.ts
    XTTX
        1
    XTTX  
    OP
       228 天前
    Vite + React + Typescript + Eslint + Airbnb eslint rules + Airbnb Typescript rules + Prettier + env variable import + Absolute Import Path

    !yes, tons of setup and config files.

    ==============================================
    env variable import:

    You need to add type in env.d.ts like "readonly VITE_ANYTHING: string"
    variables MUST start with VITE_
    usage of env variable in your app, no need to import, just use it as a global variable: console.log(import.meta.env.VITE_API_URL)

    ==============================================
    Absolute Import Path

    import App from "~/components". ~/ is the absoulte path, equal to ./src

    ==============================================
    reverse Proxy in vite.config.ts
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2366 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 16:03 · PVG 00:03 · LAX 09:03 · JFK 12:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.