首先在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 会自动打开浏览器 并且实时更新你在编辑器中输入的内容
如果还有什么不明白的内容 欢迎沟通 相互指教
