如何使用 webpack 启动 json-server?

How to start json-server with webpack?

我在我的前端项目中使用 webpack,我还使用 json-server 作为后端。

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

有没有办法以某种方式配置 webpack,使其可以在 运行 项目之前启动 json-服务器本身?

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

  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
    

相关: