[B! browserify] shokaiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shokai id:shokai

browserifyã«é–¢ã™ã‚‹shokaiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª/ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®å•é¡Œç‚¹ã‚’è¦‹ã¤ã‘ã‚‹æ–¹æ³• - Qiita
ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ã®JavaScriptã ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯ã‚ã‚‹ç¨‹åº¦æ°—ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®è¨ˆæ¸¬æ–¹æ³•ã‚„ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã¨ãªã£ã¦ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è¦‹ã¤ã‘æ–¹ã«ã¤ã„ã¦ã§ãã‚‹ã ã‘ç°¡å˜ãªæ–¹æ³•ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¨ä¸€è¨€ã«ã„ã£ã¦ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯å¤§ä½“minifyã—ã¦ã‹ã‚‰é…å¸ƒã™ã‚‹ã®ã§minifyå¾Œã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚‚é‡è¦ã§ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è‡ªä½“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º minifyã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º minify + gzipã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º ã‚³ãƒ¡ãƒ³ãƒˆã®å¤šã„ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯minifyã™ã‚‹ã¨ã‹ãªã‚Šå°ã•ããªã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è‡ªä½“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã§ã¯æ¯”è¼ƒã—ã«ãã„ã§ã™ã€‚ ã¾ãŸã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ãŠã„ã¦ assert ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒ10kbå¼±ç¨‹åº¦minifyå¾Œã§å¤‰ã‚ã‚Šã¾ã™ã€‚ assertãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯é€šå¸¸å¤–ã—ã¦ã‚‚å•é¡Œãªã„ã®ã§ã€unassertã§ãƒ“ãƒ«ãƒ‰æ™‚ã«å–ã‚Šé™¤ã
shokai 2016/10/04
bundle-size, package-size-analyzer, disc, webpack-bundle-size-analyzerãªã©ã®ãƒ„ãƒ¼ãƒ«ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹

browserify

webpack
ãƒªãƒ³ã‚¯
dotenvify
shokai 2016/09/24
envifyã§ç’°å¢ƒå¤‰æ•°ã‚’ç½®æ›ã™ã‚‹å‰ã«dotenv.loadã™ã‚‹

browserify

ç’°å¢ƒå¤‰æ•°
ãƒªãƒ³ã‚¯
envify
shokai 2016/09/08
process.envã‚’browserifyå®Ÿè¡Œæ™‚ã®ç’°å¢ƒå¤‰æ•°ã®æ–‡å—åˆ—ã«ç½®æ›ã—ã¦åŸ‹ã‚è¾¼ã‚“ã§ãã‚Œã‚‹transform

browserify

ç’°å¢ƒå¤‰æ•°
ãƒªãƒ³ã‚¯
uglifyify
shokai 2016/04/24
pipeã§uglify-jsã«æ¸¡ã™ã‚ˆã‚Šå¼·ã„

browserify
ãƒªãƒ³ã‚¯
stylify
stylify browserify v2 plugin for stylus. Example Usage Usage is very simple when combined with the insert-css (or similar) module. Consider the following example, which dynamically creates a couple of div tags, and dynamically assigned styles:
shokai 2016/04/10
% browserify -t [ stylify ]

stylus

browserify
ãƒªãƒ³ã‚¯
GitHub - hughsk/envify: :wrench: Selectively replace Node-style environment variables with plain strings.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
shokai 2016/02/10
process.env.*ã‚’æ–‡å—åˆ—ã«ç½®ãæ›ãˆã‚‹npmã€‚browserifyã®transformã«ã‚‚ãªã‚‹

node.js

ç’°å¢ƒå¤‰æ•°

browserify
ãƒªãƒ³ã‚¯
babelify
babelify Babel browserify transf orm. As of Babel 6.0.0 there are no plugins included by default. For babelify to be useful, you must also include some presets and/or plugins. Installation
shokai 2015/06/24
browserify

babel

ES6
ãƒªãƒ³ã‚¯
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 ã§ã¯æ¯Žåº¦ã®ãƒ“ãƒ«ãƒ‰ã®é…ã•ãŒå•é¡Œã«ãª
shokai 2015/05/02
gulp

browserify

watchify
ãƒªãƒ³ã‚¯
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
shokai 2015/04/27
browserify

gulp
ãƒªãƒ³ã‚¯
GitHub - jsdf/coffee-reactify: DEPRECATED â€“Â browserify transform to compile coffeescript + react jsx (cjsx)
This tool is no longer maintained. If you need to transition your codebase from it, a codemod is available to do so: cjsx-codemod This project started as a way for me to explore how JSX could fit into Coffeescript syntax, as a quickly hacked together prototype. While I never really promoted it, it quickly took on a life of its own, and before long people were asking for it to support all kinds of
shokai 2015/04/24
browserifyã®transformã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«æ¸¡ã™ã¨cjsxã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ãã‚Œã‚‹

browserify

react

coffee-script
ãƒªãƒ³ã‚¯
1