首页 > Web开发 > 详细

webpack-dev-serve搭建本地服务器

时间:2020-06-03 09:27:12      阅读:45      评论:0      收藏:0      [点我收藏+]

webpack提供了一个本地服务器,这个服务器基于node.js搭建,内部使用express框架,可以实现我们想要浏览器自动刷新显示我们修改后的结果。

 

安装

npm install webpack-dev-server@2.9.3 --save-dev

 

修改配置

在webpack.config.js里面添加devServer。在devServer里面添加一些属性

contentBase:为哪一个文件夹提供本地服务,默认是跟文件夹,我们这里写./dist

inline:页面是否实时刷新

port:指定端口号,不写这个属性默认是8080

historyApiFallback:在SPA页面中,添加HTML5的history模式

技术分享图片

 

 

 

启动这个服务  webpack-dev-server 但在命令行执行会默认取全局找,但是我们是安装在局部的。所以我们在script里面指定,就可以执行

技术分享图片

 

 技术分享图片

 

 这里我们可以在后面加 --open 参数表示直接打开浏览器

技术分享图片

 

webpack-dev-serve搭建本地服务器

原文:https://www.cnblogs.com/jiaobaba/p/13035131.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!