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

webpack 跟 browserify 比到底有什么好?

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

    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   ·   实用小工具   ·   1892 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:25 · PVG 00:25 · LAX 08:25 · JFK 11:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.