webpack-dev-server的 常用命令参数01

自动打开浏览器

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open",
    "build": "webpack --mode production"

在dev 执行命令里 使用webpack-dev-server --open ，这个 --open指令就是打开浏览器。

修改端口号

   "dev": "webpack-dev-server --open  --port 3000",

意识是 自动打开浏览器 并设置端口。

进入指定的路径

  "dev": "webpack-dev-server --open  --port 3000 --contentBase src

默认进入 src 。如图：

页面无刷新 ，打补丁

使用 命令为 ：

    "dev": "webpack-dev-server --open --port 3000 --contentBase src  --hot",

–hot 就是让样式无刷新 ，直接生效， 如果不用 就需要刷新才能生效.

–hot 它更新是局部的，只是被修改的部分， 所以有打补丁的功能 ，如果不用就需要重新生成一份