Gulpを利用してサイトを作成しているのですが、急にSCSSのコンパイルなどができなくなりました。
MacなのでTimeMachineを使って、問題が起きる前まで復元してみたのですが
解決できなかったため、どなたかご教示いだければと思います。
問題としては
1)SCSSがコンパイルされない
2)ターミナルでcontrol+cで終了もできない
3)watchされている様子もない
この問題が起こる前は、MAMPとbrowser_syncを併用してリアルタイムで確認が取れていました。
gulpfile.jsの内容は下記になります。
javascript
1module.exports = gulp 2var gulp = require('gulp'); 3var autoprefixer = require('gulp-autoprefixer'); 4var plumber = require('gulp-plumber'); 5var sass = require('gulp-sass'); 6var rename = require('gulp-rename'); 7var watch = require('gulp-watch'); 8var notify = require('gulp-notify'); 9var browser = require('browser-sync'); 10var sourcemaps = require('gulp-sourcemaps'); 11var reload = browser.reload; 12 13gulp.task('server', function(){ 14 browser({ 15 target: 'http://localhost:3000', 16 proxy: 'hogehoge.com' 17 }); 18 }); 19 20gulp.task('reload', function(){ 21 browser.reload(); 22 }); 23 24gulp.task('sass', function(){ 25 gulp.src('assets/sass/**/*.scss') 26 .pipe(plumber({ 27 errorHandler: notify.onError("SCSS: <%= error.message %>") 28 })) 29 .pipe(sourcemaps.init()) 30 .pipe(sass({ 31 outputStyle: 'expanded' 32 })) 33 .pipe(autoprefixer()) 34 .pipe(sourcemaps.write('./')) 35 .pipe(gulp.dest('assets/css')); 36 }); 37 38gulp.task('watch', ['server'], function(){ 39 40 gulp.watch( 41 'assets/sass/**/*.scss', 42 ['sass'] 43 ); 44 45 // Live reload 46 gulp.watch( 47 [ 48 'assets/sass/**/*.scss', 49 '**/*.php' 50 ], 51 ['reload']); 52 53 }); 54 55// Gulp Start Default Task 56gulp.task('default', [ 'sass', 'watch' ]);
pack.jsの内容は下記になります。
json
1{ 2 "name": "hogehoge.com", 3 "version": "1.0.0", 4 "description": "", 5 "main": "gulpfile.js", 6 "scripts": { 7 "test": "echo \"Error: no test specified\" && exit 1" 8 }, 9 "author": "", 10 "license": "ISC", 11 "devDependencies": { 12 "browser-sync": "2.17.0", 13 "gulp": "3.9.1", 14 "gulp-autoprefixer": "3.1.1", 15 "gulp-jsmin": "0.1.5", 16 "gulp-notify": "2.2.0", 17 "gulp-plumber": "1.1.0", 18 "gulp-rename": "1.2.2", 19 "gulp-sass": "2.3.2", 20 "gulp-sourcemaps": "1.6.0", 21 "gulp-watch": "4.3.10" 22 } 23}
どなたか原因がわかるかたはいらっしゃいますでしょうか?
その他に確認(掲載)しなければならないことがあれば、併せてご教示いただけますよう宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/06 03:04
2017/01/06 06:53