gulpを触ろうと思い、色々と調べてこちらのサイトを参考に手順を進めていました。
https://www.go-next.co.jp/blog/web/soft_tool/13407/#Gulp
コマンドからgulp cssminを実行してcssを圧縮することはできました。
今度はgulpコマンドでファイルを監視して、圧縮する作業を自動化したいのですが、この作業がこちらの手順通りにやってもうまくできません。
ディレクトリ構造はこちらになります。
gulp_dev/
├ dest/
├ node_modules/
├ src/
│ └ style.css/
│
├ gulpfile.js
├ package-lock.json
└package.json
gulpfile.jsの中身がこちらです
js
1var gulp = require("gulp"); 2var cssmin = require("gulp-cssmin"); 3 4gulp.task("cssmin", function() { 5 gulp 6 .src("./src/style.css") 7 .pipe(cssmin()) 8 .pipe(gulp.dest("dest/cssmin")); 9}); 10 11gulp.task("default", function() { 12 gulp.watch("./src/style.css", gulp.task("cssmin")); 13}); 14 15コード
困っていること
[11:58:24] Using gulpfile ~\Desktop\gulp_dev\gulpfile.js
[11:58:24] Starting 'default'...
本来であれば
[14:56:08] Using gulpfile ...
[14:56:08] Starting 'watch'...
[14:56:08] Finished 'watch' after 9.15 ms
上のように'finished'まで表示されるはずだと思うのですが、
startingで止まったままで、既存のCSSファイルを編集して保存しても圧縮されておりません。
パスの間違いかなにかでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/15 07:40