npm 包 gulp-webserver 使用教程

在前端开发过程中，我们经常需要启动本地服务器来预览和测试网页。使用 gulp-webserver 可以快速创建一个本地服务器，方便我们进行开发。

安装

使用 npm 安装 gulp-webserver：

npm install --save-dev gulp-webserver

使用

在 gulpfile.js 中引入 gulp 和 gulp-webserver：

const gulp = require('gulp');
const webserver = require('gulp-webserver');

创建一个任务来启动本地服务器：

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

在命令行中运行 gulp serve 命令即可启动本地服务器。在浏览器中输入 http://localhost:8000 即可访问当前目录下的文件。

参数说明

• livereload: 是否启用 live reload 自动刷新页面，默认为 false
• open: 是否自动打开浏览器，默认为 false
• port: 指定端口号，默认为 8000
• fallback: 当请求不存在的页面时，是否返回默认页面，默认为 undefined
• host: 指定主机名，默认为 localhost
• directoryListing: 是否启用目录列表功能，默认为 false

示例代码

以下是一个完整的 gulpfile.js 文件示例：

-- -------------------- ---- -------
----- ---- - ----------------
----- --------- - --------------------------

------------------ ---------- -
  -------------
    -----------------
      ----------- -----
      ----- ----
    ----
---

-------------------- ----------------------

通过运行 gulp 命令即可启动本地服务器。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47129