gpt4 book ai didi

Gulp-Connect 列出目录而不是显示 index.html。为什么?

转载 作者:行者123 更新时间:2023-12-04 08:33:15 25 4
gpt4 key购买 nike

这个 gulp 文件有什么问题?当它打开浏览器时,它不显示 index.html。相反,它列出了包含 index.html 的目录“dist”的内容。

"use strict";

var gulp = require('gulp');
var connect = require('gulp-connect'); // Runs a local dev server
var open = require('gulp-open');

var config = {
port: 9005,
devBaseUrl: 'http://localhost',
paths: {
html: './src/*.html',
dist: './dist'
}
};

//Start a local development server
gulp.task('connect', function() {
connect.server({
root: ['dist'],
port: config.port,
base: config.devBaseUrl,
livereload: true
});
});

gulp.task('open', ['connect'], function () {
gulp.src('dist/index.html')
.pipe(open({
uri: config.devBaseUrl + ':' + config.port + '/',
app: 'chrome' }));

});

gulp.task('html', function() {
gulp.src(config.paths.html)
.pipe(gulp.dest(config.paths.dist))
.pipe(connect.reload());
});

gulp.task('watch', function() {
gulp.watch(config.paths.html, ['html']);
});

gulp.task('default', ['html', 'open', 'watch']);

最佳答案

解决方案是将 gulp-connect 的版本限制为 "gulp-connect": "^2.2.0",最新版本的工作方式不同,但我不知道最新版本的正确语法。当我尝试其他海报的答案时,页面按预期显示,但 watch 功能不适用。

在撰写本文时,当前版本为 ^3.0.0。

如果这有所作为,我使用的是 Windows 7。

[更新] 根据@SteveDavis,此问题已在 3.2.0 版中修复。

关于Gulp-Connect 列出目录而不是显示 index.html。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35686414/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com