0
내 디렉토리 파일은 여기말대꾸가 꿀꺽의 말대꾸와 CSS로 컴파일 할 파일이 없습니다
css
--nothing yet
sass
--style.sccs
Gulpfile.js
index.html
package.json
여기 내 Gulpfile.js
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
var sassOptions = {
errLogToConsole: true,
outputStyle: 'expanded'
};
gulp.task('sass', function() {
return gulp.src('./sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./css'));
});
gulp.task('watch', function() {
return gulp
// Watch the input folder for change,
// and run `sass` task when something happens
.watch('./sass/**/*.scss', ['sass'])
// When there is a change,
// log a message in the console
.on('change', function(event) {
console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
});
});
gulp.task('default', ['sass', 'watch' ]);
입니다 style.sccs이
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}
때입니다 터미널에서 꿀꺽 꿀꺽 마시다. 괜찮아 보인다.
PS C:\Users\delli\gulpsass> gulp
[21:02:08] Using gulpfile ~\gulpsass\gulpfile.js
[21:02:08] Starting 'sass'...
[21:02:08] Starting 'watch'...
[21:02:08] Finished 'watch' after 12 ms
[21:02:08] Finished 'sass' after 41 ms
[21:02:08] Starting 'default'...
[21:02:08] Finished 'default' after 43 μs
그러나 내 css 폴더는 항상 비어 있습니다.