Expressã®æœ€å°æ§‹æˆ(ES2015 + Browserify + Watchify + Stylus + Jade) - QiitaExpressã§ç°¡å˜ãªãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’作る時ã®ã‚ªãƒ¬ã‚ªãƒ¬æœ€å°æ§‹æˆã§ã™ã€‚ è¦ä»¶ サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚‚クライアントサイドもES2015(ES6)ã§æ›¸ã サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯Node.jsãŒv4以上ã ã¨ES2015ã§æ›¸ã‘ã‚‹ã¯ãš importãªã©ãŒä½¿ãˆãªã„ã¨çŸ¥ã£ãŸã®ã§ã€babel-nodeを使ã„ã¾ã™ クライアントサイドJSã¯Browserify + Babelifyã§ã‚³ãƒ³ãƒ‘イルã™ã‚‹ 開発時ã¯Watchifyã™ã‚‹ ビルド時ã¯Uglifyã™ã‚‹ CSSã¯Stylusã§æ›¸ã Stylusã¯Expressã®Middlewareã§éƒ½åº¦ã‚³ãƒ³ãƒ‘イルã™ã‚‹ ライブラリã¯kouto-swissを使ㆠベンダープレフィックスã¯autoprefixerã§ã¤ã‘ã‚‹ Viewã¯Jadeã§æ›¸ã サーãƒãƒ¼ã‹ã‚‰Jadeã«å¤‰æ•°ã‚’渡ã—ãŸã‚Šã™ã‚‹ Gulpãªã©ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã¯ä½¿ã‚ãªã„ $ npm run xxxã§ã‚„ã‚‹ ç”»åƒã®Sprite化ã¨ã‹ã™ã‚‹ãªã‚‰Gu
Gulpã¨ã‹ä½¿ã£ãŸã‚µã‚¤ãƒˆä½œã‚‹ã¨ãã«ä¾¿åˆ©ãªã‚„ã¤ä½œã£ãŸ
Jade tutorial
Jade ã‚’ React ã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ã† | スマホ神 – JavaScript å—託開発 –
{{#tags}}- {{label}}
{{/tags}}