webpack 跟 browserify 比到底有什么好? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tommyZZM
V2EX    前端开发

webpack 跟 browserify 比到底有什么好?

  •  
  •   tommyZZM
    tommyZZM 2016-02-21 10:43:42 +08:00 8533 次点击
    这是一个创建于 3596 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Browserify 也值得去了解一下,不过我个人认为它比 Webpack 落后很多。
    ---某介绍为 webpack 的文章
    推荐使用 Webpack ,因为它的加载器 API 提供更好的文件依赖追踪 /缓存以及一些 Browserify 没有的转换功能。
    ---某著名框架教程文档

    首先我个人是先接触 webpack 的,但是觉得他写配置实在太巨大臃肿(一坨巨大的 config ),后来才接触了 browserify ,发现 browserify 基于 pipe 的方式更加干净而且灵活性也更高,尤其适合和 gulp 一起使用,而 gulp 的官方 recipes 也是只有 browserify 的,相比之下萌萌的 webpack 想和 gulp 一起用就只能用webpack-stream这样的东西,但是 webpack-stream 本质上还是 webpack 编译过程也是相对黑盒的,感觉灵活性比较差

    10 条回复    2016-04-15 22:34:12 +08:00
    sox
        1
    sox  
       2016-02-21 10:56:22 +08:00   1
    都用 webpack 了还用 gulp ?

    http://blog.namangoel.com/browserify-vs-webpack-js-drama

    如果你嫌 Webpack 配置太多,可以用 tooling (一个 Webpack 配置文件的脚手架),可以无需 webpack.config.js 来编译大多数的 ES6 module , React/Vue/Other web app ,支持直接生成 umd/iife/cjs 格式的 Bundle 。

    https://github.com/egoist/tooling
    tommyZZM
        2
    tommyZZM  
    OP
       2016-02-21 11:11:09 +08:00
    @sox 首先我不是嫌 Webpack 配置太多,而是嫌 Webpack 黑盒
    tommyZZM
        3
    tommyZZM  
    OP
       2016-02-21 11:14:41 +08:00
    @sox

    其次 gulp 本身通常只是作为一些文件批处理工具,和 webpack 的使用是不冲突的。

    和 webpack 对位的是 browserify ,对比 [browserify] vs [webpack] 在 npm 上安装数量
    learnshare
        4
    learnshare  
       2016-02-21 11:35:13 +08:00
    Webpack 可以打包一切资源, Browserify 是用来打包 JS 模块的
    emric
        5
    emric  
       2016-02-21 11:37:24 +08:00 via iPhone
    主要看你把 webpack 放到那个位置上。如果你只是拿它处理依赖,那确实和 browserify 没有太大的差异。如果你也想对静态资源进行管理, webpack 的好处就显现出来了。
    sox
        6
    sox  
       2016-02-21 11:40:12 +08:00
    不是冲突,是没必要用 gulp , npm script 解决问题。
    ChefIsAwesome
        7
    ChefIsAwesome  
       2016-02-21 12:57:23 +08:00
    https://github.com/petehunt/webpack-howto#1-why-webpack

    1. Why webpack?

    It's like browserify but can split your app into multiple files. If you have multiple pages in a single-page app, the user only downloads code for just that page. If they go to another page, they don't redownload common code.

    It often replaces grunt or gulp because it can build and bundle CSS, preprocessed CSS, compile-to-JS languages and images, among other things.

    It supports AMD and CommonJS, among other module systems (Angular, ES6). If you don't know what to use, use CommonJS.
    chemzqm
        8
    chemzqm  
       2016-02-21 16:59:08 +08:00
    @tommyZZM webpack 就算黑盒对开发也没啥影响,因为不像框架,你基本不会需要了解里面到底干了啥,也不需要 debug 进去。总体来说 webpack 各种功能支持更全面一些,简单的页面使用两者只是配置上不同罢了。
    songjiaxin2008
        9
    songjiaxin2008  
       2016-04-15 22:05:50 +08:00
    @sox 您好 可以留个联系方式吗 有几个问题想问您
    sox
        10
    sox  
       2016-04-15 22:34:12 +08:00
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2529 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 15:13 PVG 23:13 LAX 07:13 JFK 10:13
    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