【vue】devserver及其配置

一、devserver背景

每次改代码都需要重新部署,
或者只改变修改代码行的效果
所以出现了devserver本地服务
为了完成自动编译，webpack提供了几种可选的模式
方式一：webpack watch mode

1. 实现方法一： 在导出的配置中，添加watch:true
2. 实现方法二： 在启动webpack的命令中，添加–watch的标识

方式二：webpack-dev-server(常用)

二、webpack-dev-server

上面的方式可以监听到文件的变化，但是事实上它本身没有自动刷新浏览器的功能的，
当然我们可以通过vscode使用live-server来完成这样的功能，但是我们希望不使用live-server的情况下，可以具备实时重新加载的功能
步骤：
1、安装npm install webpack-dev-server -D
2、增加命令"serve":“webpack serve”
3、npm run serve即可

用这个启动项目有个特点：
不会输出build文件夹
因为localhost8080—express(src等静态文件)
打包时直接将src等文件编译后放到内存里，然后直接使用express框架发起服务
如果先编译，放到外存里，然后将其上传到内存，然后使用express框架发起服务。那样会降低效率