[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/front-end-development/browserify.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Browserify **repo:** [browserify/awesome-browserify](https://github.com/browserify/awesome-browserify) **category:** [[front-end-development|Front-End Development]] **related:** [[javascript|Javascript]] --- # Awesome Browserify [](https://github.com/sindresorhus/awesome) > :crystal_ball: A curated list of awesome [Browserify](https://github.com/substack/node-browserify) resources, libraries, and tools. Please help improve this list by [contributing](contributing.md)! ## Contents - [About](#about) - [Official Resources](#official-resources) - [Community Resources](#community-resources) - [Tutorials](#tutorials) - [Articles](#articles) - [Demos](#demos) - [Videos](#videos) - [Tools](#tools) - [Development Servers](#development-servers) - [Plugins](#plugins) - [Watchers](#watchers) - [CSS Bundlers](#css-bundlers) - [Transforms](#transforms) - [Node in the Browser](#node-in-the-browser) - [Production Tools](#production-tools) ## About Browserify lets you `require('modules')` in the browser by bundling up all of your dependencies. You can use a node-style `require()` to organize your browser code and load modules installed by npm. Browserify will recursively analyze all the `require()` calls in your app in order to build a bundle you can serve up to the browser in a single `<script>` tag. ## Official Resources - [Docs](https://github.com/substack/node-browserify#usage) - [Handbook](https://github.com/substack/browserify-handbook) - [Repo](https://github.com/substack/node-browserify) - [Website](http://browserify.org/) ## Community Resources - [IRC](http://webchat.freenode.net/?channels=browserify) - [Twitter](http://twitter.com/browserify) - [StackOverflow](http://stackoverflow.com/questions/tagged/browserify) ## Tutorials - [Hello World with Browserify](http://browserify.org/#middle-section) - [Browserify Adventure](https://github.com/workshopper/browserify-adventure) - [A Gentle Browserify Walkthrough](https://ponyfoo.com/articles/a-gentle-browserify-walkthrough) - [Browserify guide](http://zhaoda.net/2015/10/16/browserify-guide/) (Chinese) ## Articles - [Introduction to Browserify](https://writingjavascript.org/posts/introduction-to-browserify) - [Using npm on the client side](http://dontkry.com/posts/code/using-npm-on-the-client-side.html) - [How Browserify Works](http://benclinkinbeard.com/posts/how-browserify-works/) - [Gulp + Browserify: The Everything Post](https://www.viget.com/articles/gulp-browserify-starter-faq) - [Browserify vs Component](http://www.forbeslindesay.co.uk/post/44144487088/browserify-vs-component) - [Browserify for Webpack users](https://gist.[github](/@harrisonqian/awesome/wiki/development-environment/github).com/substack/68f8d502be42d5cd4942) - [Browserify vs. Webpack](https://mattdesl.svbtle.com/browserify-vs-webpack) ## Demos - [Canvas Splitter](http://requirebin.com/?gist=maxogden/9576799) by [hughsk](http://github.com/hughsk) - [Infinite 2D Cave Generator](http://requirebin.com/?gist=maxogden/9557700) by [hughsk](http://github.com/hughsk) - [2D Velocity Control](http://requirebin.com/?gist=maxogden/9557776) by [sethvincent](http://github.com/sethvincent) ## Videos - [James Halliday (substack) - LXJS 2013 - Modularidade para todos](https://www.youtube.com/watch?v=DCQNm6yiZh0) - [Getting Started with Browserify](https://www.youtube.com/watch?v=CTAa8IcQh1U) by [shama](https://github.com/shama/) - [Transform your Bundles with Browserify](https://www.youtube.com/watch?v=Uk2bgp8OLT8) by [shama](https://github.com/shama/) ## Tools ### Development Servers - [budo](https://github.com/mattdesl/budo) - Dev server for rapid prototyping. - [beefy](https://github.com/chrisdickinson/beefy) - Local development server that aims to make using browserify fast and fun. - [wzrd](https://github.com/maxogden/wzrd) - Super minimal browserify development server. ### Plugins - [browserify-hmr](https://github.com/AgentME/browserify-hmr) - Hot Module Replacement plugin for Browserify. ### Watchers - [watchify](https://github.com/substack/watchify) - Watch mode for browserify builds. - [persistify](https://github.com/royriojas/persistify) - Wrapper around `browserify` to make incremental builds. ### CSS bundlers - [sheetify](https://github.com/stackcss/sheetify) - Modular CSS bundler for browserify. - [parcelify](https://github.com/rotundasoftware/parcelify) - Add css to your npm modules consumed with browserify. - [css-modulesify](https://github.com/css-modules/css-modulesify) - Browserify plugin to load CSS Modules. ### Transforms - [babelify](https://github.com/babel/babelify) - Browserify transform for babel. - [aliasify](https://github.com/benbria/aliasify) - Remap require calls at build time. - [brfs](https://github.com/substack/brfs) - `fs.readFileSync()` and `fs.readFile()` static asset browserify transform. ### Node in the Browser - [crypto-browserify](https://github.com/crypto-browserify/crypto-browserify) - Port of node's `crypto` module to the browser. - [stream-browserify](https://github.com/substack/stream-browserify) - The `stream` module from node [core](/@harrisonqian/awesome/wiki/platforms/core), for browsers! - [buffer](https://github.com/feross/buffer) - The `buffer` module from [node.js](/@harrisonqian/awesome/wiki/platforms/node-js), for the browser. - [requirebin](http://requirebin.com/) - Write browser [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) programs using modules from NPM. ### Production Tools - [wzrd.in](https://wzrd.in/) - Browserify CDN. Browserify-as-a-Service! - [bankai](https://github.com/yoshuawuyts/bankai) - DIY asset server. Serves HTML, CSS and JS as streams. ## Contributing Contributions welcome! Please read the [contributing guidelines](contributing.md) before getting started. ## License The [browserify logo](browserify.png) is by [substack](https://github.com/substack). All other content is released to the public domain under [CC0-1.0](https://spdx.org/licenses/CC0-1.0.html). [](https://creativecommons.org/publicdomain/zero/1.0/)