格式:空格 – 参数名
webpack-dev-server 常用命令参数:
- open:是否自动开启浏览器,默认:false,当设置为true,开启dev-server服务的时候,会自动在浏览器打开项目。
- port :端口号 默认:8080 可以单独设置服务器的端口号,如果默认的8080被占用的情况,这个配置就派的上用场啦。
- contentBase:定义开启服务器的文件夹,默认:当前项目根目录 一般来说不需要设置这个选项,除非你需要DevServer 来访问其他的静态文件夹。
- hot:该配置项是指模块替换功能,DevServer 默认行为是在发现源代码被更新后通过自动刷新整个页面来做到实时预览的,但是开启模块热替换功能后,它是通过在不刷新整个页面的情况下通过使用新模块替换旧模块来做到实时预览的。这么做的好处是,可以减少一些不必要的请求。
不使用热替换,会更新整个bundle.js文件。
当我们使用了之后,如果我们的文件被修改了,会新生成一个JSON文件和JS文件,而最开始的bundle.js文件并没有全部更新。