如何使用webpack启动json服务器？

Question

我将Webpack与前端项目一起使用，并且还将json-server用作后端。

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

是否可以通过某种方式配置webpack，使其可以在运行项目之前启动json服务器本身？

Answer 1

我不确定要配置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 \"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