问题标签 [webpack-serve]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

16 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
480 浏览

nginx - Webpack-serve hmr 不适用于 websocket 的 nginx 代理

我已将 nginx 设置为本地开发环境的代理。我也将 webpack-serve 用于本地开发，以及我设置的本地 ssl 证书。我有网站工作，但我遇到了 HMR 问题。

当网络套接字尝试连接时，我看到了这个错误

WebSocket connection to 'wss://local.way.com:7879/' failed: Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR

我不知道是证书问题还是 nginx 设置问题。

和 webpack-serve 配置

0 投票
0 回答
52 浏览

webpack - Webpack-serve - 减少日志记录

我正在尝试使用 webpack-serve 来支持 Elm 开发环境。我的问题是我收到了大量不需要的日志记录，这些日志记录将编译器消息迅速从屏幕上推出 - 参见图片。

我的 webpack.config.js 中有以下内容，两行标记为 **** 旨在减少噪音，但似乎没有任何成功。接下来我能做什么？

webpack 输出

0 投票
1 回答
4319 浏览

node.js - Webpack 4 devServer HMR plus full reload on other file changes (like views)

I have a web project with a working Webpack4 config using webpack-dev-server with HMR enabled and started this way via npm script:

cross-env NODE_ENV=development webpack-dev-server --inline --hot

All is OK, HMR works for my js and scss files. Now I'm wondering if it's possible to extend my Webpack config to have a full reload in the browser when I modify a view template file.

It seems for me that webpack-dev-server can't do this on its own, so I think I need some other plugin. After googling a bit this is I've got:

  1. webpack-dev-server + browser-sync-webpack-plugin
  2. rewrite my config to webpack-serve as it seems it can do it
  3. chokidar + webpack-dev-middleware (API for reloading?)

So my question is what is the best way to get HMR + watch given paths and reload browser on file change (blade/twig/php/etc...) with Webpack 4(.17.2) ?

Relevant part of my current config:

0 投票
1 回答
1103 浏览

reactjs - React 开发工具认为我的网站处于开发模式

我想看看我从使用所有东西的非开发版本中获得了多少速度提升，所以我使用我的“生产”webconfig 构建了我的网站。但开发工具仍然告诉我它处于“开发”模式

在我的 package.json

0 投票
1 回答
2251 浏览

webpack - 如何配置 webpack-serve？

我正在尝试按照教程设置一个 webpack 开发服务器，webpack-dev-server其中webpack-cli v4使用webpack-serve. 我的文件夹结构如下所示。index.js 和 test.js 是捆绑在一起的，它们应该记录一些数字和一个字符串到控制台，dist 文件夹中的 index.html 连接到 bundle.js。我的 package.json 是：

webpack.config.js 看起来像这样：

当我运行"start"脚本时，它会打开一个带有“未找到 / 404”错误的页面，这里说，它必须尝试提供索引文件，但找不到。在"start"脚本中我没有指定主机和端口时，它会在 http://[::]:55555/ 上打开一个页面，并且我得到“无法连接错误”，我的包中的任何内容都不会记录到控制台。路径对我来说似乎很好。在 webpack.config.js 中更改devServer为serve会在命令行中产生错误：配置具有未知属性“服务”。请帮我找出问题并让服务器运行。

0 投票
3 回答
366 浏览

javascript - 如何使用 Webpack serve 和 DevServer --open 选项打开 Firefox 开发者版？

如何使用配置选项打开Firefox开发者webpack serve版？devServer.open

我尝试在 Windows 上使用这些配置值：'Mozilla'、'mozilla'、'Firefox'、'firefox'、'Firefox Developer Edition'

编辑：感谢您的回答。我想看看哪一个投更多的票，看看什么对人民有用。解决方案可能会有所不同，即每个操作系统版本。


12345678910