为了账号安全,请及时绑定邮箱和手机立即绑定

webpack和webpack-dev-server的区别

webpack和webpack-dev-server的区别

三国纷争 2018-11-26 09:00:36
webpack和webpack-dev-server的区别
查看完整描述

1 回答

?
狐的传说

TA贡献1804条经验 获得超3个赞

第一:webpack只是构建

webpack-dev-server除了构建,还提供web服务

第二:webpack.config.json的路径参数

显然,entry都一样,因为都要知道需要构建的文件在哪里

那么区别就在于 output了

path和webpack一起,指明构建 之后 输出文件的位置,这是真实的物理地址

publickPath和webpack-dev-server一起,当执行webpack-dev-server时,第一步首先跟webpack一样,先构建输出,然后提供web访问,该输出文件是在内存中

默认情况下,不设置publicPath则输出文件默认在运行webpack-dev-server的目录,也就是根目录,,那么html中引用直接是src="输出的文件",,如果设置了publicPath那么html中引用也要相对改变

总的来说,webpack只是构建,而webpack-dev-server相当于webpack+apache(或者其它web服务器)

区别在于

使用webpack+apache(或者其它服务器),每次构建之后

1 根据path引用构建后的输出文件;

2 每次修改都要重新运行webpack

使用webpack-dev-server,运行之后

1 先构建,输出文件在内存中,引用构建后的输出文件根据publicPath(默认是根目录);

2 每次修改,自动刷新



查看完整回答
反对 回复 2018-12-18
  • 1 回答
  • 0 关注
  • 599 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信