[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] Gulpã§HTMLを圧縮ã™ã‚‹ - YoheiM .NETã“ã‚“ã«ã¡ã¯ã€@yoheiMuneã§ã™ã€‚ Gulpã§HTMLファイルを圧縮（minify）ã™ã‚‹æ–¹æ³•ã‚’ã€ãƒ–ãƒã‚°ã«æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次 Gulpã¨ã¯ Gulpã¨ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ルドツールã®1ã¤ã§ã™ã€‚今回紹介ã™ã‚‹htmlã®åœ§ç¸®ä»¥å¤–ã«ã‚‚ã€JSã®åœ§ç¸®ã‚„çµåˆãªã©è‰²ã€…ãªã“ã¨ãŒã§ãã¾ã™ã€‚gulpã«ã¤ã„ã¦ã¯ã€Œ[JavaScript] Gruntã®å¾Œç™ºã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ“ルドツールã€gulpã«å…¥é–€ã€ã‚’ã”å‚ç…§ãã ã•ã„。 Gulpã§HTMLã®ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ã™ã‚‹ ã„ãã¤ã‹npmモジュールãŒã‚ã‚Šã¾ã™ãŒã€gulp-htmlminãŒäººæ°—ã‚‚ã‚ã£ã¦è‰¯ã•ãã†ã§ã™ã€‚ npm経由ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ $ npm install --save gulp-htmlmin 以下ã®ã‚ˆã†ã«gulpã§å®Ÿè£…ã—ã¾ã™ã€‚ const gulp = require('gulp'); const htmlmin = require('gulp-htm
![[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] Gulpã§HTMLを圧縮ã™ã‚‹ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4df5fa1a93858c5ae6f065b066122c6ba2d1da1/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F550.jpg)
[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] Gulpã®ä¸¦åˆ—実行挙動ã§ã¯ãªãã€ã‚¿ã‚¹ã‚¯ã‚’é †æ¬¡å®Ÿè¡Œã™ã‚‹ - YoheiM .NET![[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] Gulpã®ä¸¦åˆ—実行挙動ã§ã¯ãªãã€ã‚¿ã‚¹ã‚¯ã‚’é †æ¬¡å®Ÿè¡Œã™ã‚‹ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa86fe1f21c960376c918a36b29f43eb766ba639/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F399.jpg)
[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] Gulpã§æ–‡å—列置æ›ã‚’行ㆠ- YoheiM .NET![[フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰] Gulpã§æ–‡å—列置æ›ã‚’行ㆠ- YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed2acbff7b5e83f67edb2cdd5cd0100dc79609a7/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F398.jpg)
{{#tags}}- {{label}}
{{/tags}}