npm 包 brick-server 使用教程

简介

brick-server 是一个基于 Node.js 的静态服务器，可以用于快速搭建一个本地的开发环境，支持实时刷新，代理转发等特性。本教程将介绍如何使用 npm 包 brick-server。

安装

安装 npm 包：

npm install -S brick-server

使用

启动服务器

在该项目的根目录下，终端输入以下命令启动服务器：

brick-server start

如果需要修改端口号，可以使用 -p 参数指定端口号，例如：

brick-server start -p 8080

实时刷新

在浏览器访问 localhost:3000 页面，我们发现浏览器下面出现了一个灰色的框框，这说明 LiveReload 的 script 脚本已经注入到页面中，这就是 brick-server 的 LiveReload 特性在工作了。

路径别名

在 brickserv.js 配置文件中可以通过 alias 属性设置路径别名，例如：

module.exports = {
  alias: {
    '@': path.resolve(__dirname, './src')
  }
}

这样，@ 就被映射为 ./src 目录，可以在代码中使用 @ 表示该目录，例如：

import Vue from '@/vue.js'

代理转发

在 brickserv.js 配置文件中可以通过 proxy 属性设置代理转发，例如：

module.exports = {
  proxy: {
    '/api': {
      target: 'http://localhost:3001',
      changeOrigin: true
    }
  }
}

这样访问路径 http://localhost:3000/api 就相当于访问 http://localhost:3001，例如：

fetch('/api/user')

中间件

在 brickserv.js 配置文件中可以通过 middlewares 属性设置中间件，例如：

const bodyParser = require('body-parser')

module.exports = {
  middlewares: [
    bodyParser.json()
  ]
}

这样可以使用 body-parser 中间件解析请求体，例如：

app.post('/api/user', (req, res) => {
  console.log(req.body) // 解析请求体
}

结语

通过本教程，我们学习了如何使用 npm 包 brick-server 搭建本地开发服务器。brick-server 支持实时刷新、路径别名、代理转发等特性，可以大幅提升我们的开发效率。

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