时间戳

首页 > 解决方案 > 如何使用 webpack 启动 json-server？

webpack - 如何使用 webpack 启动 json-server？

问题描述

我在前端项目中使用 webpack，并且还使用 json-server 作为后端。

现在我分别启动 json-server 和前端项目。总是这样做很不方便。

有没有办法以某种方式配置 webpack，它可以在运行项目之前启动 json-server 本身？

标签： webpackjson-server

解决方案

我不确定配置 webpak-dev-server 以启动 json-server，但我的方法是同时使用从我的 package.json 文件并行启动 json-server 和 webpack-dev-server。

  1. 同时添加为开发依赖项 
    yarn add concurrently --dev
  2. 配置 package.json 以启动 json-server 和 webpack-dev-server 
    "scripts": {
  "start": "concurrently --kill-others \"yarn start-json-server\" \"yarn start-webpack-dev-server\"",
  "start-json-server": "json-server --watch ./src/demo/db.json --port 3030",
  "start-webpack-dev-server": "webpack-dev-server --config ./src/demo/webpack.config.js --open",
}
  3. 开始开发 
    yarn start

相关：https ://stackoverflow.com/a/30950298/19977

推荐阅读