zoukankan      html  css  js  c++  java
  • 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地址
  • 相关阅读:
    「暑期集训day23」黑幕
    暑期集训day23考试整理
    「暑期集训day22」黑色
    暑期集训day22考试整理
    「暑期集训day21」往复
    「暑期集训day20」仰望
    日常报错
    Spring-Boot环境的快速搭建
    jsp和thymeleaf模板
    Boot的简单配置
  • 原文地址:https://www.cnblogs.com/longlongdan/p/11238950.html
Copyright © 2011-2022 走看看