实时自动打包webpack

可以实时打包后，在浏览其中打开显示

安装包

npm install --save-dev webpack-dev-server@3.11.0

package.js中的设置

在scripts中添加

  "scripts": {
    "webpack": "webpack",
    "dev": "webpack-dev-server --open chrome"
  },

{
  "name": "webpack-url-loader",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "webpack": "webpack",
    "dev": "webpack-dev-server --open chrome"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^4.1.1",
    "html-webpack-plugin": "^4.3.0",
    "mini-css-extract-plugin": "^0.9.0",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.0"
  }
}

运行

通过命令行 npm run dev