webpack-dev-server
一个用来快速搭建本地运行环境的工具,使用 webpack-dev-server
命令,我们可以启动web服务器并实时更新我们的修改。
- 运行
npm i webpack-dev-server -D
把这个工具安装到项目的本地开发依赖。(虽然这里有警告,但是貌似不影响后面操作,所以我就先没管)
- 安装完毕后,这个工具的用法 和
webpack
命令的用法完全一致。但是此时使用webpack-dev-server
命令会报以下错误:
这是由于我们是在项目中本地安装webpack-dev-server
,所以无法把它当作脚本命令,直接在控制台运行会报错。此时我们需要做先在package.json文件的script内添加 "dev": "webpack-dev-server"
。
这样我们可以不使用webpack-dev-server
命令,改为npm run dev
命令全局执行。但是我这里报了错