什么是 webpack-serve？
webpack-serve 是一个 webpack-dev-server 的替代品，它提供了更好的性能和开发体验。webpack-serve 集成了 webpack 和浏览器同步刷新的功能，还提供了更多的自定义选项。
安装
我们可以通过 npm 来安装 webpack-serve：
npm install webpack-serve --save-dev
使用
在使用之前，我们需要先创建一个 webpack 配置文件。这里以简单的示例来说明：
-- -------------------- ---- -------
-- -----------------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- --------
--
----- --------------
-------- --------------------
--接下来，在 package.json 中添加脚本命令：
{
"scripts": {
"start": "webpack-serve"
}
}然后运行 npm start 命令就可以启动 webpack-serve。
现在我们可以在浏览器中通过 http://localhost:8080 访问我们的应用程序了。
自定义选项
webpack-serve 提供了很多自定义选项，以下是一些常用的选项：
host
指定服务器的主机名，默认为 localhost。
"start": "webpack-serve --host 0.0.0.0"
port
指定服务器端口号，默认为 8080。
"start": "webpack-serve --port 3000"
hot
开启热模块替换功能，默认为 true。
"start": "webpack-serve --hot false"
content
指定静态文件路径，如果没有指定，则使用 webpack 配置中的 output.path。
"start": "webpack-serve --content baseDir/dist"
open
自动在浏览器中打开应用程序，默认为 true。
"start": "webpack-serve --no-open"
总结
webpack-serve 是一个非常好用的工具，它可以帮助我们更快地进行前端开发。本文介绍了如何安装和使用 webpack-serve，并介绍了一些常用的自定义选项。希望对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47609