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

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-serve搭建本地服务器

 

 

 

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

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

 

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

 

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

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

 

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

上一篇:VSCode 快速生成.vue基本模板、发送http请求模板


下一篇:AJAX