你们 react 项目编译环境是完全在自己配置还是用 create-react-app 修改? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
caniuse
V2EX    程序员

你们 react 项目编译环境是完全在自己配置还是用 create-react-app 修改?

  •  
  •   caniuse 201-06-09 11:49:18 +08:00 6610 次点击
    这是一个创建于 3051 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我是 webpack 小白
    36 条回复    2017-06-22 16:18:36 +08:00
    arslion
        1
    arslion  
       2017-06-09 11:58:28 +08:00
    找一份网友精选,然后根据实际需求改改
    caniuse
        2
    caniuse  
    OP
       2017-06-09 12:01:47 +08:00
    @arslion 我感觉 create-react-app 牛逼些,应该包含很多 best practice
    arslion
        3
    arslion  
       2017-06-09 12:34:07 +08:00
    @caniuse 看了下确实很厉害的样子 下个项目就试试看
    momocraft
        4
    momocraft  
       2017-06-09 12:36:16 +08:00
    自己配置,有需要再从各 boilerplate 找 (然后又做了一个 boilerplate https://github.com/jokester/typescript-boilerplate )
    zsx
        5
    zsx  
       2017-06-09 12:39:32 +08:00
    @caniuse #2 这个东西并不好用,建议用 boilerplate,或者 nextjs 之类的。这个东西不 eject 什么都不支持自定义,并且用的 webpack 还是 1 版本。
    jackisnotspirate
        6
    jackisnotspirate  
       2017-06-09 13:29:51 +08:00 via iPhone
    大杀器 https://expo.io
    caniuse
        7
    caniuse  
    OP
       2017-06-09 13:36:54 +08:00
    @jackisnotspirate 哦 是么
    @jackisnotspirate 正在下载
    doublleft
        8
    doublleft  
       2017-06-09 14:31:47 +08:00
    用 create-react-app 初始化好,然后 eject 之后魔改..
    caniuse
        9
    caniuse  
    OP
       2017-06-09 14:55:09 +08:00
    @doublleft 我现在是这么做的
    doublleft
        10
    doublleft  
       2017-06-09 15:02:45 +08:00
    @caniuse 我也是这样搞。不过魔改后在封装回去,管理和升级起来方便
    hronro
        11
    hronro  
       2017-06-09 16:19:08 +08:00
    create-react-app 说白了就是给初学者写 demo 用的,用于实际项目的话太简陋了,还是自己写好
    caniuse
        12
    caniuse  
    OP
       2017-06-09 16:20:20 +08:00
    @hronro 求教程
    frankynwa
        13
    frankynwa  
       2017-06-09 16:21:56 +08:00
    dva.js 试过没?
    caniuse
        14
    caniuse  
    OP
       2017-06-09 17:38:13 +08:00
    @frankynwa 没用过 但是知道
    Rsl
        15
    Rsl  
       2017-06-09 17:43:13 +08:00
    从这里找一个吧
    https://github.com/xgrommx/awesome-react

    用 Redux 的话从这里
    https://github.com/xgrommx/awesome-redux

    我最近用的是从这个改的
    https://github.com/nicksp/redux-webpack-es6-boilerplate

    不过到最后改了非常多, 几乎相当于新的了...
    gdrk
        16
    gdrk  
       2017-06-09 18:56:06 +08:00
    同需求,感觉最后还是看项目和个人喜好吧,反正都得改......
    JaHIY
        17
    JaHIY  
       2017-06-09 18:58:54 +08:00 via Android
    自己从头开始配置最新版的(
    ezreal
        18
    ezreal  
       2017-06-09 19:33:23 +08:00 via iPhone
    自己配
    duan602728596
        19
    duan602728596  
       2017-06-09 19:56:13 +08:00 via iPhone
    刚配完最新的,意识模糊
    zj1926
        20
    zj1926  
       2017-06-09 21:31:35 +08:00
    xrlin
        21
    xrlin  
       2017-06-09 21:55:18 +08:00
    非专业前端,我是直接用 dva 的,拿来就是干。
    nino789pzw
        22
    nino789pzw  
       2017-06-09 22:10:09 +08:00
    先用 create - react - app 初始化 然后 eject 后自己改 webpack
    Wangxf
        23
    Wangxf  
       2017-06-09 23:39:49 +08:00
    刚开始用是吧 vue-cli 改成了 react 版的,因为那时候 create-react-app 是基于 webpack1.x,前段时间发现升级了,而且很多功能做的不错,配置也不麻烦就切回 create-react-app
    Seita
        24
    Seita  
       2017-06-09 23:45:27 +08:00
    @hronro create-react-app 里面的 webpack 配置还真不是一个所谓 webpack 熟手能搞好的 XD 更别说什么简陋了
    seki
        25
    seki  
       2017-06-10 00:24:44 +08:00
    create-react-app 不 eject 的话,因为改不到 webpack 配置,有些问题比较难办,比如 sass 支持 react-scripts 没有,官方给出了一个微复杂的手动方法。至于 less 支持,看了一下找不到可用的 watcher,只好作罢
    eject 了的话,以后自己升级又是一个难题……
    seki
        26
    seki  
       2017-06-10 00:25:17 +08:00
    @zsx 最近升级到 webpack 2 了倒是
    test4zhou
        27
    test4zhou  
       2017-06-10 03:08:46 +08:00
    eject 后自己改
    hxtheone
        28
    hxtheone  
       2017-06-10 16:06:19 +08:00
    之前用别人的感觉比自己写个 boilderplate 还累, 这种 infrastructure 的事儿造个轮子又不难

    https://github.com/MrHuxu/react-go-boilerplate
    changlers
        29
    changlers  
       2017-06-10 20:58:21 +08:00
    我用的是 github 的 react-starter-kit
    xcodebuild
        30
    xcodebuild  
       2017-06-10 22:33:35 +08:00
    推荐 atool-build 和 atool-test,超好用
    warDoggie
        31
    warDoggie  
       2017-06-11 13:10:40 +08:00 via iPhone
    @test4zhou 请问下 eject 是什么意思?
    test4zhou
        32
    test4zhou  
       2017-06-12 01:05:17 +08:00
    npm run eject,后可以看所有配置
    frankynwa
        33
    frankynwa  
       2017-06-12 10:15:39 +08:00
    @caniuse 感觉 dva 还不错哦, 和 antd 配套使用,有比较完善的文档和实例,居然还有基于 dva 和 antd 的 admin....简直是我们这种积木式前端程序员的福音
    caniuse
        34
    caniuse  
    OP
       2017-06-12 11:30:22 +08:00
    @frankynwa 嗯 我也学学
    Cacivy
        35
    Cacivy  
       2017-06-12 11:44:48 +08:00
    @zsx 最新版已经上了 webpack2 了
    caniuse
        36
    caniuse  
    OP
       2017-06-22 16:18:36 +08:00
    我最近学了下 webpack,准备自己配置了,其实也不难
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     884 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 21:23 PVG 05:23 LAX 14:23 JFK 17:23
    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