テンプレートエンジンEJSã§ä½¿ãˆã‚‹ä¾¿åˆ©ãªæ§‹æ–‡ã¾ã¨ã‚ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Autoprefixerã®ãƒ–ラウザ指定をpackage.jsonã®`browserlist`ã‹ã‚‰ã™ã‚‹ - fragmentary
ã•ã£ãAutoprefixerã®è¨å®šã§ã„ã‚ã„ã‚阿呆ãªã“ã¨ã‚’ã—ã¦ã€ã¾ã‚ãã‚Œã¯è§£æ±ºã—ã¦ã€ã¤ã„ã§ã«ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚’見ã¦ã„ãŸã‚‰6.6.0ã§ã“ã‚“ãªæ©Ÿèƒ½ãŒå…¥ã£ã¦ã„ãŸã®ã‚’知る。 With Autoprefixer 6.6 you can specify browsers in package.json to reduce config files: { "private": true, "devDependencies": { "autoprefixer": "^6.6.0", "postcss": "^5.2.6" }, "browserslist": [ "last 2 versions", "ie 9" ] } Note that we highly recommend specifying browsers in browserslist config or in package.json in
Gulpã§ã‚ャッシュ対ç–パラメータを自動付与ã™ã‚‹ - Qiita
ã‚ャッシュ回é¿ãƒ‘ラメータã¨ã¯ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ¥å‹™ã«å¾“事ã—ã¦ã„ã‚‹æ–¹ã§ã‚ã‚Œã°ã€htmlã§èªã¿è¾¼ã‚€ãƒ•ã‚¡ã‚¤ãƒ«æœ«å°¾ã«?hogeã¨ã‚¯ã‚¨ãƒªãƒ¼æ–‡å—列を付与ã™ã‚‹ã“ã¨ã§ã€ã‚ャッシュãŒæ®‹å˜ã—ã¦æ›´æ–°å†…容ãŒåæ˜ ã•ã‚Œãªã„ã®ã‚’回é¿ã§ãã‚‹ã“ã¨ã¯ã”å˜çŸ¥ã‹ã¨æ€ã„ã¾ã™ã€‚ã„ã‚ゆるcache bustingã¨ã„ã†ã‚„ã¤ã§ã™ãŒã€æ—¥æœ¬èªžã§ã®æ£å¼å称ãŒã‚ã‹ã‚‰ãªã„ã®ã§ç§ã¯å‹æ‰‹ã«ã“ã†èªã‚“ã§ã„ã¾ã™ã€‚ ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚„cssã€jsãªã©ã§å¹…広ã応用ã§ãã‚‹ãŸã‚ã€ç‰¹ã«é–‹ç™ºé€²è¡Œä¸ã«ãƒ†ã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ãŸéš›ã€æ‰‹å…ƒã§ã‚ャッシュã®é£›ã°ã—æ–¹ãŒã‚ã‹ã‚‰ãªã„程度ã®ãƒªãƒ†ãƒ©ã‚·ãƒ¼ã‚’æŒã£ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã®ã‚„ã‚Šã¨ã‚Šã‚’始ã‚ã€æ§˜ã€…ãªå ´é¢ã§ä½¿ç”¨ã™ã‚‹æ©Ÿä¼šã®å¤šã„ã“ã¨ã‹ã¨æ€ã„ã¾ã™ã€‚ Gulp使ã£ã¦ã‚‹ã®ã«æ‰‹å‹•ã§ãƒ‘ラメータã¤ã‘る（書ãæ›ãˆã‚‹ï¼‰ã®ãŒé¢å€’ãã•ã„ 一ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ãªã‚‰ã„ã„ã®ã§ã™ãŒã€èªã¿è¾¼ã‚“ã§ã„ã‚‹cssã‚„jsã€ç”»åƒãŒå¢—ãˆã¦ãã‚‹ã¨ã„ã¡ã„ã¡æ›¸ãæ›ãˆã¦å›žã‚‹ã®ãŒé¢å€’ã§ã™ã—ã€ãƒ’ューマンエラーも発生ã—ã¾
[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（0）：アドベントカレンダースケジュール
ã¯ã˜ã‚㫠「今ã‹ã‚ˆã€ã£ã¦è©±ãªã‚“ã§ã™ãŒã€æ€¥é½ã¯ã˜ã‚ãŸä¸€äººã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã©ã®æ—¥ã«ä½•ã‚’書ãã‹æ§‹æˆãŒãã¾ã£ã¦ã„ãªã‹ã£ãŸã®ã§è€ƒãˆã¦ã¿ãŸã€‚ 12/01：bundler, rbenv, nodebrewã§Gulp環境を作ã£ã¦ã¿ã‚‹ 12/02：gulp-sassを使ã£ã¦SCSSをコンパイルã™ã‚‹ã‚¿ã‚¹ã‚¯ã‚’作ã£ã¦ã¿ã‚‹ 12/03：watchã§å¤‰æ›´ã‚’監視ã™ã‚‹ 12/04：gulp-plumberã§ã‚¨ãƒ©ãƒ¼æ™‚ã®watchを解除ã•ã›ãªã„ 12/05：gulp-connectã§Webサーãƒãƒ¼ã¨ãƒ©ã‚¤ãƒ–リãƒãƒ¼ãƒ‰ 12/06：gulp-load-pluginsã§ãƒ—ラグインã®ä¸€æ‹¬èªã¿è¾¼ã¿ 12/07：gulp-ruby-sassã§Sassオプションã®æŒ‡å®šï¼ˆbourbon, neat, bittersã®ãƒãƒ¼ãƒ‰ï¼‰ 12/08ï¼šé »ç¹ã«ä½¿ã„ãã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’試ã™ï¼šJS,CSS圧縮系 12/09ï¼šé »ç¹ã«ä½¿ã„ãã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’試ã™ï¼š
![[Gulp]ã“ã‚Œã‹ã‚‰ã¯ã˜ã‚ã‚‹Gulp（0）：アドベントカレンダースケジュール](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
sizuhiko - Technote - gulp-rev-replace を使ã£ã¦ãƒªãƒ“ジョン管ç†ã‚’ã™ã‚‹ã¨ãã«æ³¨æ„ã—ãŸã„ã“ã¨
Saturday, May 02, 2015 03:51:00 PM JavaScript gulp gulp-rev JavaScriptã§ãƒ¢ãƒ€ãƒ³ãªé–‹ç™ºã‚’ã™ã‚‹ã¨ãã€gulpã¨ã„ã†ãƒ“ルドシステムを使ã†ã¨ã€ç°¡å˜ã«ãƒ“ルドéŽç¨‹ã‚’自動化ã§ãã¾ã™ã€‚ ã•ã‚‰ã«ã€JavaScriptã§ã‚¢ãƒ—リケーションを作ã£ãŸã¨ãã€ãƒ©ã‚¤ãƒ–ラリã¯CDNãªã©ã‹ã‚‰å–å¾—ã™ã‚‹ã¨ã—ã¦ã€è‡ªåˆ†ã§ä½œã£ãŸã‚¹ã‚¯ãƒªãƒ—トファイルã¯ï¼‘ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦ãƒŸãƒ‹ãƒ•ã‚¡ã‚¤ã‚ºã™ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’gulpã®ã‚¿ã‚¹ã‚¯ã§æ›¸ãã§ã—ょã†ã€‚ 一般的ã«JavaScriptã‚„CSSã‚’HTML上ã«è¨˜è¿°ã™ã‚‹ã¨ãã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã™ã€‚ <script type="text/javascript" src="/js/app.js"></script> <link rel="stylesheet" href="/css/app.css" type="text/css"> リリースã—ãŸã®ã«
The Problem with gulp-util
Seeing this message?A little postmortemLast week we made gulp v4.0.0-alpha.3 available on GitHub and people are excited! We expected it to be breaking, but we didn’t realize the far reaching impact of the changes. This is due to 6,752 modules that depend on gulp-util; many of which utilize an extremely outdated version of Vinyl. Help us fix it using the steps below. Why deprecation now?We’ve been
gulp-util ã®å•é¡Œã€deprecation warning 㨠migration path ã«ã¤ã„㦠- valid,invalid
2017å¹´12月28日㫠The Problem with gulp-util ã¨ã„ã†è¨˜äº‹ãŒå…¬é–‹ã•ã‚ŒãŸã€‚ medium.com gulp をウォッãƒã—ã¦ã„ãŸã‚ã‘ã§ã¯ãªã„ã®ã ãŒã€ãŸã¾ãŸã¾æ®‹ã•ã‚ŒãŸ gulp 資産を触ã£ã¦ã„る時㫠deprecation warning ãŒã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«å‡ºåŠ›ã•ã‚Œã€ãã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ä¸ã«ã“ã®è¨˜äº‹ã¸ã®ãƒªãƒ³ã‚¯ãŒã‚ã£ãŸã€‚ warning gulp > gulp[email protected]: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5 記事ã®å†…容をè¦ç´„ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚‹ã€‚ TL;DR gulp v4 リリースã«ã‚ãŸã‚Š gulp-util ã¯ã‚‚ㆠdeprecation ã§ã™ gulp-util ã¯
[gulp] 本番環境ã¨é–‹ç™ºç’°å¢ƒã‚’分å²ã™ã‚‹gulp-mode | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€ishidaã§ã™ã€‚ 2å¹´å‰ã«åŠå¹´ã‹ã‘ã¦ãŠã¨ã—ãŸä½“é‡ãŒè¦‹äº‹ã«ã‚‚ã¨ã«æˆ»ã‚Šã¾ã—ãŸã€‚ 新陳代è¬ãŒãã£ã¨ã™ã’ーè½ã¡ã¦ã„ã‚‹ã‚“ã よ。ãã†ãªã‚“ã よ。ã¯ã„。 今回ã¯npmã®ç´¹ä»‹ã§ã™ã€‚ 開発時ã¨æœ¬ç•ªæ™‚ã§å‡¦ç†ã‚’変更ã—ãŸããªã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã“ã®ãƒ‘ッケージã§ã¯gulpã«ã¦é–‹ç™ºæ™‚ã¨æœ¬ç•ªæ™‚ã®ã‚¿ã‚¹ã‚¯ã‚’ç°¡å˜ã«åˆ‡ã‚Šåˆ†ã‘られã¾ã™ã€‚ 本番時 本番時ã«JSファイルをminifyã—ã¦ã¿ã¾ã—ょã†ã€‚ var gulp = require('gulp'); var mode = require('gulp-mode')({ modes: ["production", "development"], default: "development", verbose: false }); var uglify = require('gulp-uglify'); gulp.task('default', function()
![[gulp] 本番環境ã¨é–‹ç™ºç’°å¢ƒã‚’分å²ã™ã‚‹gulp-mode | ãƒã‚·ãƒ£ãƒã‚°ã€‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/294ca83069b165921e9cb3cee0abe51a49c5b779/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_gulp.png)
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
gulp4 lastRun関数ã®æŒ™å‹• - Qiita
Sourcemaps only in Development
{{#tags}}- {{label}}
{{/tags}}