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