GULP + W3C VALIDATOR

Jan 18, 2016 • html

HTML을 저장할 때마다 W3C에서 문법을 체크해 보자

재미있는 서비스를 발견했습니다. 100
HTML을 업로드하면 제작중인 html도 문법 체크를 할 수 있군요..!
gulp와 연동하는 플러그인을 사용하면 파일을 저장할 때마다 HTML문법을 검사하게 만들 수도 있겠네요.
역시 gulp-w3cjs 라는 것이 있습니다.

gulpfile.js

var gulp = require('gulp');
var server = require('gulp-server-livereload');
var w3cjs = require('gulp-w3cjs');

gulp.task('w3cjs', function () {
	gulp.src('./*.html')
		.pipe(w3cjs())
		.pipe(w3cjs.reporter());
});

gulp.task('webserver', function() {
	gulp.src('./')
		.pipe(server({
			livereload: true,
			directoryListing: true,
			open: true
		}));
});

gulp.task('watch', function () {
	gulp.watch('./*.html',['w3cjs']);
});

gulp.task('default', ['webserver','w3cjs']);