热启动:自己启动项目
热更新:更改完代码代码,浏览器一刷新就能出现最新的效果
配置,webpack.config.js中
devServer: {//配置此静态文件服务器,可以用来预览打包后项目
hot: true,//热加载
contentBase: path.resolve(__dirname, 'dist'),//开发服务运行时的文件根目录
host: 'localhost',//主机地址
port: 9090,//端口号
compress: true//开发服务器是否启动gzip等压缩
}
配置启动命令
在package.json的scripts中配置
"dev": "webpack-dev-server --mode development --open"