devServer和VueCli | Webpack

文章目录

  • devServer和VueCli
    • webpack-dev-server
      • contentBase
    • 模块热替换
      • 开启HMR
    • hotOnly host配置
    • port open compress
    • proxy
    • resolve
      • extensions和alias配置
    • 如何区分开发环境

devServer和VueCli


devServer和VueCli | Webpack_第1张图片

devServer和VueCli | Webpack_第2张图片

webpack-dev-server

devServer和VueCli | Webpack_第3张图片

contentBase

devServer和VueCli | Webpack_第4张图片

devServer和VueCli | Webpack_第5张图片
devServer和VueCli | Webpack_第6张图片

模块热替换

devServer和VueCli | Webpack_第7张图片
在这里插入图片描述

开启HMR

devServer和VueCli | Webpack_第8张图片
devServer和VueCli | Webpack_第9张图片
devServer和VueCli | Webpack_第10张图片

hotOnly host配置

devServer和VueCli | Webpack_第11张图片

port open compress

devServer和VueCli | Webpack_第12张图片

proxy

devServer和VueCli | Webpack_第13张图片
devServer和VueCli | Webpack_第14张图片
devServer和VueCli | Webpack_第15张图片

devServer和VueCli | Webpack_第16张图片

resolve

devServer和VueCli | Webpack_第17张图片
devServer和VueCli | Webpack_第18张图片
在这里插入图片描述

extensions和alias配置

devServer和VueCli | Webpack_第19张图片

devServer和VueCli | Webpack_第20张图片
devServer和VueCli | Webpack_第21张图片

如何区分开发环境

devServer和VueCli | Webpack_第22张图片
devServer和VueCli | Webpack_第23张图片
devServer和VueCli | Webpack_第24张图片

你可能感兴趣的:(Vue3+ts,webpack,前端,node.js)