webpack 自动更新代码

1、安装webpack插件

npm install webpack-dev-server@3.11.2 -D

2、在package.json 内更改

{
  "name": "sas",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   // 在 webpack 后添加 一个serve
    "dev": "webpack serve"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "jquery": "^3.6.0"
  },
  "devDependencies": {
    "webpack": "^5.42.1",
    "webpack-cli": "^4.7.2",
    "webpack-dev-server": "^3.11.2"
  }
}

3、在index.html 内修改 引入的js 位置

// 改为根目录下的main.js
 <script src="/main.js"></script>