美文网首页
本地服务器搭建

本地服务器搭建

作者: 迷失的信徒 | 来源:发表于2022-04-06 21:42 被阅读0次
  • webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的浏览器自动刷新我们修改后的结果。
  • 因其是一个单独的模块,所以在webpack中使用它之前需要先进行安装,这里以webpack@3.6.0为例(独立模块与webpack版本存在对用关系)。
npm install webpack-dev-server@2.9.3 --save-dev
  • devserve也是作为webpack中的一个选项,选项本身可以设置如下属性:
    • contentBase:为哪一个文件夹提供本地服务,默认是根文件夹我们这里填./dist
    • port:端口号
    • inline:页面实时刷新
    • histoyApiFallback:在SPA页面中,依赖HTML5history模式
  • webpack.config.js文件配置如下:
    图片.png
  • 我们还可以再配置package.json中的另一个scrpts
"dev":"webpack-dev-server --open"

--open参数表示直接打开浏览器

相关文章

网友评论

      本文标题:本地服务器搭建

      本文链接:https://www.haomeiwen.com/subject/unvtsrtx.html