webpack-dev-server的使用（未完待续）

1. webpack可以直接使用webpack-dev-server命令启动
2. 启动参数： --hot热更新。会去检测文件的变化自动打包刷新页面，
3. 使用webpack-dev-server服务器启动时，打包生成的文件在内存中，而使用webpack命令打包生成的bundle.js默认是在dist目录下，页面引用的时候路径不同。
4. host:启动的ip，可以配置为写死的本机ip地址|127.0.0.1，也可以配置为0.0.0.0就可以支持ip和localhost的同时使用（注意不是用0.0.0.0:3000的方式直接访问）
5. port：启动端口号，默认端口8080
6. open：true启动时打开浏览器

   devServer: {
        host: '0.0.0.0',
        port: 3000, //端口默认打开的是8080
        open: true, //默认打开浏览器
   }

7. hot:true 热更新启动
8. 启动参数的配置和在devServer里面的配置是相同的。例如命令行webpack-dev-server --hot --contentBase src等同于devServer{ hot:true,contentBase:path.resolve(__dirname,"dist/") }
9. contentBase:指向你index.html所在的目录
10. useLocalip:为true默认打开路径由localhost变为你的本机ip地址

转载于:https://www.cnblogs.com/longlongdan/p/11238950.html