webpack搭建本地服务器

原创

有勇气的牛排

发布于 2023-06-25 23:30:21

1470

发布于 2023-06-25 23:30:21

文章被收录于专栏：有勇气的牛排专栏

（1）contentBase：为哪一个文件夹提供本地服务，默认是跟文件夹，我们这里可以填写./dist

（2）port：端口号

（3）inline：页面实时刷新

（4）historyApiFallback：在SPA页面中，依赖HTML5的history模式

# 安装，提供一个开发时服务
npm install webpack-dev-server@2.9.3 --save-dev

webpack.config.js

module.exports = {
  ...
  devServer: {
    contentBase: './dist',
    inline: true
  }
}

# 初始命令
.\node_modules\.bin/webpack-dev-server

# 脚本化（package.json中的scripts设置）
"dev":"webpack-dev-server --open"

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度