如何安装 webpack-dev-server,并且配置了环境变量
时间: 2023-08-14 18:04:07 浏览: 179
浅谈webpack-dev-server的配置和使用
要安装 webpack-dev-server,你需要先安装 Node.js 和 npm。在安装完 Node.js 和 npm 后,可以通过以下命令来安装 webpack-dev-server:
```
npm install webpack-dev-server --save-dev
```
接下来,你需要配置环境变量。在 Windows 系统上,可以按下 Win+Pause/Break 键打开系统属性窗口,然后点击“高级系统设置”->“环境变量”,在“系统变量”中找到 PATH 变量,点击“编辑”,在变量值的最后面加入 webpack-dev-server 的安装路径。
如果你使用的是 macOS 或 Linux,可以在终端中输入以下命令来配置环境变量:
```
export PATH=$PATH:/path/to/webpack-dev-server/bin
```
其中,/path/to/webpack-dev-server 是 webpack-dev-server 的安装路径。
配置完成后,你可以在终端中输入以下命令来启动 webpack-dev-server:
```
webpack-dev-server
```
如果你希望使用自定义的配置文件,可以在启动命令后面加上配置文件的路径:
```
webpack-dev-server --config /path/to/webpack.config.js
```
另外,webpack-dev-server 默认会监听 8080 端口,如果你希望使用其他端口,可以在启动命令后面加上 --port 参数,例如:
```
webpack-dev-server --port 3000
```
这样就会监听 3000 端口了。
阅读全文