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

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

  •  
  •   caniuse · 2017-06-09 11:49:18 +08:00 · 6102 次点击
    这是一个创建于 2723 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我是 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   ·   实用小工具   ·   5327 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 07:38 · PVG 15:38 · LAX 23:38 · JFK 02:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.