问题标签 [webpack-serve]

webpack-serve：https ://github.com/webpack-contrib/webpack-serve

webpack-dev-server：https ://github.com/webpack/webpack-dev-server

他们都说他们是 webpack 的开发服务器。它们有何不同？

webpack.config.js

目录结构

http://localhost:8080当我在运行后打开webpack-serve --config webpack.config.js以显示 index.html 文件时，该文件有一行，<script type="text/javascript" src="/dist/bundle.js"></script>我得到 404。

--hot使用标志运行它也是如此。

当我使用该--dev标志时，我收到此错误并且服务器无法启动。

我正在使用webpack-serve 0.3.1

编辑 1

这就是它变得奇怪的地方。尽管上面有所有路径和诸如此类的选项，但这个http://localhost:8080/bundle.js或/bundle.js解决了捆绑包和所有功能，如热重载，就像一个魅力。

我们有两个入口点（index和auth），我们希望在开发中使用单独的路线来提供服务。

当我们运行webpack-serve开发时，我们想要以下路由。

/被路由到index入口点。 /auth被路由到auth入口点。

我们的webpack.common.js样子如下

我们有一个webpack.development.js与以下

我是否完全走错了方向，这似乎是一个微不足道/常见的想法，但我正在努力寻找解决方案。

奖励积分您可能会注意到路线convert(history())上的。/从技术上讲，我们两者都需要这个，但我不确定如何解决代理问题以及给出的示例。

我发现webpack-serve构建所需的时间比webpack-dev-server. 我同时设置了它们，如下图所示。-serve初始构建需要两倍的时间，而简单的热构建需要大约 10 倍的时间。它们都以相同的方式设置，使用代理从真实服务器提供非 webpack 的内容。除此之外，这都是默认设置。

如果webpack-serve与 相比应该是“闪电般快” wds，为什么我的要花这么长时间？

我正在尝试设置一个开发环境webpack-serve来提供生成的前端文件（一个反应应用程序），并将 websocket 请求代理/api到单独进程的路径。

另一个进程在端口监听，在5000端口webpack-serve监听5001。

但是，与其他进程的连接在建立后不久（可能立即）中断（其他进程记录连接/断开但浏览器从未在开发工具的网络选项卡中显示成功连接），我1006从浏览器中的 WebSocket 连接（但没有错误消息）。

我添加了基本身份验证层，webpack-serve以便请求/会触发浏览器请求凭据，然后凭据也将发送到/api请求，因为其他进程需要基本身份验证。

我需要知道我做错了什么。

我的webpack.config.js：

我正在尝试使用webpack-serve（而不是 dev-server），我对如何实际运行它有点困惑。

我安装了它，我有 npm、webpack 4 并使用带有命令行的 VS Code。

在我看来我应该只放“webpack-serve”它应该运行但我只是得到

我是否需要沿着这些路线设置一些路径或其他东西？

编辑

我通过全局安装它来“构建”它。

我现在正试图让 webpack-serve 的功能与我使用 webpack-serve 时的功能完全相同，但现在不是（它没有打开浏览器，不确定如何在开发模式和生产模式之间切换，也不确定如何让路由工作）

我在这里做了一个例子：https ://github.com/chobo2/webpack-serve-example

我正处于将我的一个旧项目从 Webpack 3 更新到 4 的噩梦过程中，它引入了一整串需要修复的东西。到目前为止，最烦人的肯定是从 webpack-dev-server 切换到 webpack-serve，因为它缺少实际示例。所以考虑到这一点，我到底该如何使用它？

使用 Webpack 4.14.0 和 Webpack-Serve 1.0.4。

我的 webpack.config.js 为 webpack-dev-server 提供了以下选项：

我还没有看到历史或公共路径的选项，所以我想我只需要内容配置选项。

所以根据我应该做的文档：

但是我把这个放在哪里？Github README 声称最常用的是把它，webpack.config.js但这似乎是错误的，因为该示例也是这样做的：

我真的将配置文件导入自身吗？

我会很感激一个例子。谢谢。

早上好。我有带有 pug-loader 的 webpack。

当我在另一个 pug 文件中包含一个 pug 文件时，Webpack 会编译新的 HTML，但 Webpack Serve 不会更新页面。我该如何解决？

我有想法将 pug 文件要求/导入到 JS 文件中，但我认为这不是最好的方法。

UPD：Webpack-服务日志

指数.pug

webpack.development.config.js

项目结构

我正在测试我的生产版本，我收到了这个警告

我该怎么做才能让它变小，或者我应该把它分成更小的块？

如果有怎么办？

这是我为我的 webpacks 得到的

webpack.prod

webpack.common

通过使用 BundleAnalyzerPlugin，我只需从 Font Awesome 导入我需要的字体并忽略所有时刻的本地人，就可以减少大约 1mb。

我仍然认为它可以更小。

all my images seem to be 404, I think I have the right path as I just stuck them in the root directory

I am using file loader and trying to load svg files

here is an example I setup: https://github.com/chobo2/webpack-serve-example