gulp/docs/recipes/fast-browserify-builds-with-watchify.md at master · gulpjs/gulp
As a browserify project begins to expand, the time to bundle it slowly gets longer and longer. While it might start at 1 second, it's possible to be waiting 30 seconds for your project to build on particularly large projects. That's why substack wrote watchify, a persistent browserify bundler that watches files for changes and only rebuilds what it needs to. This way, that first build might still
Watchifyã§browserifyを差分ビルド - Qiita
https://github.com/maxogden/wzrd ã¯ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹åº¦ã«å¤‰æ›´ã‚’åã出ã™ã®ã ãŒã€watchify ã¯å·®åˆ†ã‚’管ç†ã—ã¦ãれる。 reactã¨ã‹ç„¡é§„ã«å·¨å¤§ãªã‚“ã§ã€require('react') ã—ãŸã ã‘ã§1.2秒ãらã„å¾…ãŸãªã„ã¨ã„ã‘ãªããªã£ã¦è¾›ã‹ã£ãŸã€‚ãã†ã„ã†å•é¡Œã‚’解決ã§ãる。 ç°¡å˜ãªä½¿ã„æ–¹ npm install -g watchify ã“ã‚Œã ã‘。-v 㧠verboseã¿ãªã„ã¨å‹•ã„ã¦ã‚‹ã®ã‹ã‚ˆãã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ä»˜ã‘ãŸã»ã†ãŒã‚ˆã•ãã†ã€‚ æŸã‚¢ãƒ—リã®ãƒ“ルドãŒ3.8秒ã‹ã‚‰0.3秒ã«ãªã£ã¦æœ€é«˜ 自分ã®ä½¿ã„æ–¹ 一旦ã™ã¹ã¦ã‚’jsã«ã—ã¦åã出ã™ã€‚ gulp㧠src/**/* -> lib/**/*.js lib/index.js を基準ã«browserify ã™ã‚‹ gulp-watchify を使ã£ãŸã€‚ arda-starter-project ã§ã¯æ¯Žåº¦ã®ãƒ“ルドã®é…ã•ãŒå•é¡Œã«ãª
How Browserify Works
January 2014 Browserify is incredibly popular these days, and rightfully so. In this article we'll look at the basics of how it works. Browserify uses the term entry file(s) to describe where it will start reading a dependency graph, and its output is referred to as a bundle. At its highest level, a Browserify bundle is simply an IIFE, or Immediately Invoked Function Expression. This is of course
ES6 ã® Project Skeleton (6to5 + browserify + power-assert) を作ã£ã¦ã¿ãŸ
ã‹ã‚æ¿ es6-Kameita ahomu/es6-Kameita es6-Kameita 㯠ECMAScript 6 㧠JavaScript ライブラリを開発ã™ã‚‹ãŸã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚¹ã‚±ãƒ«ãƒˆãƒ³ï¼ˆãƒ†ãƒ³ãƒ—レート）ã§ã™ã€‚åˆæœŸè¨å®šã¯ãƒ–ラウザå‘ã‘ã§ã™ãŒã€Nodeモジュールã«ã‚‚対応ã—ã¾ã™ã€‚ 6to5 ã§ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イルã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’ Browserify ã§ãƒ“ルドã—ã€mocha + power-assert ã§ãƒ†ã‚¹ãƒˆã‚’実行ã—ã¾ã™ã€‚Browserify を採用ã—ã¦ã„ã‚‹ãŸã‚ã€åˆæœŸçŠ¶æ…‹ã§ã¯ bower ã«ä¾å˜ã›ãš npm ã‚’æ´»ã‹ã—ã¦ã„ã¾ã™ã€‚ 経緯 6to5/6to5 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ä»¥æ¥ã€ã—ã°ã‚‰ã手元㧠ES6 を使ã„続ã‘ã¦ã„ãŸã®ã§ã€ã¼ã¡ã¼ã¡é–‹ç™ºã®æ§‹æˆã‚’固ã‚ã¦ã—ã¾ã„ãŸã„ãªã¨æ€ã£ãŸæ¬¡ç¬¬ã€‚ 最åˆã¯ GianlucaGuarini/es6-project-starter-kit ã‚’ fork ã—ã¦ä½•ã¨ã‹ã—よã†ã¨
browserify ã‚’ã¯ã˜ã‚ã¦ã¿ã‚‹
Browserify を触ã£ã¦ã¿ãŸãƒ¡ãƒ¢ã€‚ Browserify ã¨ã¯ CommonJS ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®ä»•çµ„ã¿ã€ã¤ã¾ã‚Š Node.js ã® require をブラウザ上ã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ã€ã¨ã„ã†ã“ã¨ã§ã„ã„ã¿ãŸã„。Readme ã‚’èªã‚€é™ã‚Šã¯ã€npm ã«ã‚るモジュールをブラウザ上ã«ã‚‚ã£ã¦ã„ããŸã‚ã«ä½œã‚‰ã‚Œå§‹ã‚ãŸã‚ˆã†ãªå°è±¡ã‚’ã†ã‘ã‚‹ãŒã€ã¡ã¾ãŸã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã¿ã¦ã„る㨠AMD ã«ä»£ã‚ã‚Šã« CommonJS ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä¾å˜é–¢ä¿‚ã®ç®¡ç†ã‚’ã™ã‚‹ (RequireJS ã§ã¯ãªãã€Node.js 感覚㧠require 関数をフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ä½¿ã†) ãŸã‚ã®ãƒ„ールã¨ã—ã¦ã‚‚使ã£ã¦ã„ã„よã†ã 。 ã‚„ã‚ŠãŸã„ã“㨠複数㮠js ファイルã®ä¾å˜é–¢ä¿‚を記述ã—ãŸã„ 最終的ã«ã€ä¾å˜é–¢ä¿‚を考慮ã—ãŸé †ç•ªã§ã€ã²ã¨ã¤ã® js ファイルã«çµåˆã—ãŸã„ 作りãŸã„ã®ã¯ç¬¬ä¸‰è€…ã®ã‚µã‚¤ãƒˆã«åŸ‹ã‚込んã§ã‚‚らã†ã‚¹ã‚¯ãƒªãƒ—ト (サードパーティスクリプト
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
6to5-Browserify-Grunt
GitHub - mantoni/mochify.js: â˜•ï¸ TDD with Browserify, Mocha, Headless Chrome and WebDriver
GitHub - defunctzombie/zuul: [UNMAINTAINED] multi-framework javascript browser testing![GitHub - defunctzombie/zuul: [UNMAINTAINED] multi-framework javascript browser testing](https://cdn-ak-scissors.b.st-hatena.com/image/square/fadf869b9668fbd740159377fec044b5bbd9a7c7/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fb8e0557f26d5f7ac83cbed6b32a384e40ebdb4a07f67dd8959da4f8639a93a5a%2Fdefunctzombie%2Fzuul)
{{#tags}}- {{label}}
{{/tags}}