私は Gulp の信じられないほどの世界を初めて知りました。sass/css/js/html などを正常に読み取り/書き込み/コンパイルする gulpfile を作成しましたlocalhost:1337
。localhost:1337/index.html
以下はgulpファイルです(依存関係を除く...)
これについて何か助けていただければ幸いです。:)
更新: localhost:1337/app/index.html & localhost:1337/dist/index として localhost:1337/index.html に移動したときにファイルをロードできるようにするための恍惚とした設定オプションがいくつか欠けていると思います.html はブラウザで正常にロードされています。
// options
var config = {
html_src: "app/**/*.html",
sass_src: "app/assets/styles/main.scss",
js_src: "app/assets/scripts/**/*.js",
css_dest: "dist/assets/styles",
js_dest: "dist/assets/styles",
js_concat_target: "main.js",
http_port: "1337",
livereload_port: "35729"
};
// end config || begin tasks
gulp.task('styles', function() {
gulp.src(config.sass_src)
.pipe(sass({style:"expanded" }))
.pipe(autoprefixer("last 2 version", "safari 5", "ie 8", "ie 9", "opera 12.1", "ios 6", "android 4"))
.pipe(gulp.dest(config.css_dest))
.pipe(rename({ suffix: ".min" }))
.pipe(minifycss())
.pipe(gulp.dest(config.css_dest))
.pipe(livereload(server))
//.pipe(notify({ message:"styles task complete" }));
});
gulp.task('scripts', function() {
gulp.src(config.js_src)
.pipe(jshint(/* ".jshintrc" */))
.pipe(jshint.reporter('default'))
.pipe(concat(config.js_concat_target))
.pipe(gulp.dest(config.js_dest))
.pipe(rename({ suffix: ".min" }))
.pipe(uglify())
.pipe(gulp.dest(config.js_dest))
.pipe(livereload())
//.pipe(notify({ message: "scripts task complete" }));
});
gulp.task('html', function() {
gulp.src(config.html_src)
.pipe(gulp.dest('dist/'))
.pipe(livereload())
});
gulp.task('clean', function() {
gulp.src([config.css_dest, config.js_dest], { read: false })
.pipe(clean());
});
gulp.task('default', ['clean'], function() {
server.listen(config.livereload_port);
http.createServer(ecstatic({ root: __dirname} )).listen(config.http_port);
gutil.log(gutil.colors.yellow('HTTP Server running on port ' + config.http_port));
gulp.watch(config.sass_src, ['styles'])._watcher.on('all', livereload);
gulp.watch(config.js_src, ['scripts'])._watcher.on('all', livereload);
gulp.watch(config.html_src, ['html'])._watcher.on('all', livereload);
});