devserver是什么

Z, ZLW 89

devServer 是一个本地开发服务器,会自动监听变化,自动打包构建,自动更新刷新浏览器。特点:不会产生dist文件,将打包结果暂时存在内存中,内部的http-sever访问这些文件并读取数据,发送给浏览器;减少磁盘的读取,提高构建效率

1、简介

devServer 是一个本地开发服务器,会自动监听变化,自动打包构建,自动更新刷新浏览器
特点:

  • 不会产生dist文件,将打包结果暂时存在内存中,内部的http-sever访问这些文件并读取数据,发送给浏览器
  • 减少磁盘的读取,提高构建效率

2、对devserver进行一些配置

在webpack.config.js中,写上

devServer:{
contantBase:”./abc”
}
如果index.html里, 打包时会去找abc/aaa.js,这就是contantBase的作用,可以理解为去源代码里找文件,一般值是”./public”
因为webpack.config.js中配置了webcopyPlugin,如果没有配置,那么就不会
拷贝图片等静态文件,这时候就需要去public文件夹中寻找。

一般开发阶段使用contantBase
一般打包阶段(上传服务器)使用copyplugin

回复

共1条回复 我来回复
联系我们
关注微信
关注微信
分享本页
返回顶部