gulp修改服务器端口,2.用gulp建立一个服务器
时间: 2024-03-16 15:47:03 浏览: 17
好的,针对你的问题,我的回答如下:
1. 修改服务器端口
如果你使用的是gulp-connect启动的服务器,那么可以通过以下代码修改端口号:
```javascript
gulp.task('server', function() {
connect.server({
root: 'app',
port: 8080 // 修改端口号为8080
});
});
```
如果你使用的是browser-sync启动的服务器,可以通过以下代码修改端口号:
```javascript
gulp.task('server', function() {
browserSync.init({
server: {
baseDir: "./app",
port: 8080 // 修改端口号为8080
}
});
});
```
2. 用gulp建立一个服务器
可以使用gulp-connect或browser-sync来建立一个服务器。
使用gulp-connect建立服务器的示例代码如下:
```javascript
var gulp = require('gulp');
var connect = require('gulp-connect');
gulp.task('server', function() {
connect.server({
root: 'app',
livereload: true
});
});
gulp.task('html', function() {
gulp.src('./app/*.html')
.pipe(connect.reload());
});
gulp.task('watch', function() {
gulp.watch(['./app/*.html'], ['html']);
});
gulp.task('default', ['server', 'watch']);
```
使用browser-sync建立服务器的示例代码如下:
```javascript
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
gulp.task('server', function() {
browserSync.init({
server: {
baseDir: "./app"
}
});
});
gulp.task('html', function() {
gulp.src('./app/*.html')
.pipe(browserSync.reload({stream: true}));
});
gulp.task('watch', function() {
gulp.watch(['./app/*.html'], ['html']);
});
gulp.task('default', ['server', 'watch']);
```
以上示例代码中,都实现了一个简单的服务器,并且实现了文件修改自动刷新的功能。你可以根据自己的需求进行修改。