如何使用 webpack 启动 json-server?

Question

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

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

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

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 --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