dev-server是怎么跑起来?

dev-server是一个开发环境下的轻量级服务器，常用于运行和调试前端应用程序。下面是一个简单的示例，展示如何启动dev-server：

1：安装dev-server：首先，你需要在项目中安装dev-server的npm包。

npm install webpack-dev-server --save-dev
1
2

2： 配置dev-server：在项目的webpack配置文件中，添加devServer选项来配置dev-server。

const path = require('path');

module.exports = {
  // 其他配置选项...
  devServer: {
    contentBase: path.join(__dirname, 'public'), // 静态文件根目录
    port: 3000, // 服务器端口号
    open: true, // 自动打开浏览器
  },
};
1
2
3
4
5
6
7
8
9
10
11

在上述示例中，contentBase指定了静态文件的根目录，port指定了服务器监听的端口号，open设置为true表示自动打开浏览器。

3： 启动dev-server：在终端中运行以下命令，启动dev-server。

npx webpack-dev-server
1
2

或者，如果你在package.json中配置了相应的脚本命令，可以直接运行该脚本。

npm run dev
1
2

这将启动dev-server并监听指定的端口号（默认为8080）。可以在浏览器中访问http://localhost:3000（根据你的配置）来查看运行的应用程序。