javascript - GULP 显示 "ACCESS DENIED"

Question

我是 Gulp 令人难以置信的世界的新手。我创建了一个 gulpfile，它成功读取/写入/编译 sass/css/js/html 等。但是当我在 localhost:1337 上查看该网站时，我得到的只是“访问被拒绝”&加载localhost:1337/index.html

时“找不到文件”

下面是 gulp 文件(减去依赖项...)

任何有关此问题的帮助将不胜感激! :)

更新:我相信我缺少一些令人欣喜若狂的配置选项，以便在我导航到 localhost:1337/index.html 作为 localhost:1337/app/index.html & localhost:1337/时加载文件dist/index.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);
});

Answer 1

看起来您的服务器根目录设置为错误的目录。目前它设置为 __dirname ，这将是您的 gulpfile 所在的目录，但您的文件将输出到 dist 子目录。

要么尝试改变

http.createServer(ecstatic({root: __dirname})).listen(config.http_port);

至

http.createServer(ecstatic({root: 'dist'})).listen(config.http_port);

或访问您的index.html文件:localhost:1337/dist/index.html