首先在node.js中下载安 装 yarn add webpack-dev-server -D ,-D是把要安装的内容安装在devDependencies开发依赖中。这样这样插件不会被打包到要上线的包中。

第二，下载安装 成功后,在package.json中配置script

"scripts" : {

      "build": "webpack",

      "dev": "webpack-dev-server"

    }

如下

3配置好再跑。

在webpack.config.js中配置如下

devServer: {

      open: true,

      //自动打开浏览器

      hot: true,

      //模块热替换

      port: 3000

      //端口

    }

配置好了以后，最后一步，启动！！！

yarn dev npm run dev

在node.js终端中输入yarn dev 会自动打开浏览器 并且实时更新你在编辑器中输入的内容

如果还有什么不明白的内容 欢迎沟通  相互指教