webpack-dev-server的使用(未完待续)
- webpack可以直接使用webpack-dev-server命令启动
- 启动参数: --hot热更新。会去检测文件的变化自动打包刷新页面,
- 使用webpack-dev-server服务器启动时,打包生成的文件在内存中,而使用webpack命令打包生成的bundle.js默认是在dist目录下,页面引用的时候路径不同。
- host:启动的ip,可以配置为写死的本机ip地址|127.0.0.1,也可以配置为0.0.0.0就可以支持ip和localhost的同时使用(注意不是用0.0.0.0:3000的方式直接访问)
- port:启动端口号,默认端口8080
- open:true启动时打开浏览器
devServer: { host: '0.0.0.0', port: 3000, //端口默认打开的是8080 open: true, //默认打开浏览器 }
- hot:true 热更新启动
- 启动参数的配置和在devServer里面的配置是相同的。例如命令行webpack-dev-server --hot --contentBase src等同于devServer{ hot:true,contentBase:path.resolve(__dirname,"dist/") }
- contentBase:指向你index.html所在的目录
- useLocalip:为true默认打开路径由localhost变为你的本机ip地址