08、搭建本地服务器

132 阅读1分钟

概述

webpack提供了一个可选的本地开发服务器。这个是基于node.js搭建的,内部使用express框架,可以实现让浏览器自动刷新显示修改后的结果

配置本地服务器:只在开发的时候需要

使用

1、下载

image.png

2、配置 (与module同级)

image.png

3、运行

3.1、在package.json中,起别名

image.png

3.2、运行

image.png

会自动搭建一个本地服务,默认是搭建在8080

image.png

那么此时只要修改,就会自动刷新,测试的过程中,都是在本地服务器测试的。

当测试完成后,再把真正的项目 npm run build 打包 即可发布

3.3、希望搭建好本地服务器后自动打开 (加上 --open)

image.png