V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
chunqiuyiyu
V2EX  ›  分享创造

简单的 React 脚手架工具

  •  
  •   chunqiuyiyu · 2018-08-15 09:04:04 +08:00 · 3291 次点击
    这是一个创建于 2301 天前的主题,其中的信息可能已经有所发展或是发生改变。
    Webpack 的配置文件让越来越让人头皮发麻,为了快速创建新的 React 项目,我仿照 Create React App,基于 Parcel 创建了这个工具。

    GitHub: https://github.com/chunqiuyiyu/incipar

    欢迎大家使用并提出建议😄
    6 条回复    2018-08-15 18:36:28 +08:00
    realkenshinji
        1
    realkenshinji  
       2018-08-15 09:36:28 +08:00 via iPhone   ❤️ 1
    跟 CRA 比,除了把 webpack 替换成 Parcel,还有什么 feature 么?
    find456789
        2
    find456789  
       2018-08-15 10:38:53 +08:00   ❤️ 1
    我一开始也用的 Parcel,后来好像是发现什么坑了,就又换到 webpack 了,具体什么坑忘记了,反正感觉挺大的一个坑
    chunqiuyiyu
        3
    chunqiuyiyu  
    OP
       2018-08-15 12:41:31 +08:00
    @realkenshinji 最小化 React 依赖,只安装了 react 和 react-dom 两个包,我自己开一些新项目用着还行。
    chunqiuyiyu
        4
    chunqiuyiyu  
    OP
       2018-08-15 12:43:40 +08:00
    @find456789 正规项目还是用 Webpack 吧,我自己新开项目不想再复制粘贴配置了 ,暂时没有发现 Parcel 的坑。
    ceoimon
        5
    ceoimon  
       2018-08-15 12:59:57 +08:00   ❤️ 1
    我更愿意自己掌控配置文件,而不是在遇到 bug 的时候通过 hack 去解决,Webpack 4 已经可以 zero config 了。说实话,“零配置” 是个伪需求,项目到达一定规模后你往往会需要按项目需求去修改配置的,我不认为创建新项目时复制粘贴配置文件模版有多繁琐。

    说说我弃用 Parcel 的一些原因吧:

    * Code Splitting 存在 bug 导致无法使用 dynamic import (see: https://github.com/parcel-bundler/parcel/issues/112)

    * Source Map 经常会错乱 ( issues 搜索 source map 能有一大堆)

    * 没有 Tree Shaking (新版本貌似已经支持)

    * TypeScript 类型错误不显示 (已经有 plugin 可以支持)

    * 对比 Webpack 4 + cache-loader + thread-loader, 几乎没有速度优势了
    chunqiuyiyu
        6
    chunqiuyiyu  
    OP
       2018-08-15 18:36:28 +08:00 via iPhone
    @ceoimon 👍受教了,是我想得太简单。看来,Parcel 还有很长的路要走。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5260 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 05:42 · PVG 13:42 · LAX 21:42 · JFK 00:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.