问题标签 [webpack-dev-middleware]
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.
webpack - 使用 Webpack 开发中间件在 Webpack 中热重载 CSS 文件的最简单方法
我有一个用 TypeScript 编写的项目，我可以利用 Webpack Hot Reload，同时使用我的 Node.js 服务器中的库webpack-hot-middleware和webpack-dev-middleware库。
此外，我已经为我的 Stylus 代码配置了所有构建步骤（使用 Gulp 进行增量构建），它会在我的公共目录中生成一个 CSS 文件。
所以，现在我也想利用 Webpack 对 CSS 的热重载，因为我已经为我的 TypeScript 东西提供了它，但我不希望它来构建我的 CSS 文件，因为我已经有了一些很棒的东西。理想情况下，我只想让 Webpack 在每次更改时热重新加载我的单个 CSS 文件。实现这一目标的最简单和最好的方法是什么？
我当前的配置文件如下所示：
然后，我像这样使用 Webpack Hot Middleware 和 Webpack Dev Middleware：
javascript - Webpack 开发中间件未正确服务 bundle.js
我正在尝试制作自己的 redux 入门工具包并对其进行了一些重构，但不知何故，现在我的 bundle.js（和 style.css）无法正确地提供给页面webpack-dev-middleware。一直困扰着我，我找不到解决方案，所以我在这里寻求一些帮助:)
与问题有关的四个主要文件如下：
/src/server.js
/src/serverConfig.js
/webpack.config.client.js
最后但同样重要的是，这是我用来服务的 package.json 脚本：
"serve": "babel-node ./src/server.js"
tl;drwebpack-dev-middleware错误地提供捆绑包
有谁知道出了什么问题？
谢谢，乔里
javascript - 如何使用 webpack-dev-middleware 对构建统计信息进行自定义格式化？
我目前正在使用带有自定义打印机的基本 Webpack API来生成构建结果，即：
现在我想切换到 using webpack-dev-middleware，但保留我的 stat 打印机。我希望这可能会起作用：
但它只打印第一个编译并忽略后续编译，即使它们确实发生了。这样做的正确方法是什么？
javascript - 为什么我会使用 Webpack 构建 2 个版本？
我需要知道构建的哈希，所以我试图在回调函数中捕获它：
但是当我这样做时，会发生一些奇怪的事情：我得到了 2 个构建并且只能捕获 1 个哈希 - 显然我需要另一个而不是回调中的那个。
有回调时的输出：
无回调时输出：
文件：https ://github.com/davezuko/react-redux-starter-kit/blob/master/server/main.js
webpack - 为什么 webpack-dev-middleware 提供 `publicPath` 配置？
从webpack-dev-middleware 的自述文件中，有一个publicPath配置：
但我不确定为什么会有这样的配置，因为已经有一个相同的配置webpack.config.js
reactjs - Webpack 显示空白页面，但文件显示在终端中
现在部分发疯。我已经尝试解决这个问题一个多星期了，但似乎仍然无法解决它。
目前我正在尝试制作一个React使用 的应用程序React-Router，但是我没有使用Reduxor Flux。我从react-redux-starter-kit中获取了代码。我已经对它进行了一些试验，一切都运行良好，但是当我开始大量改变事情时，我遇到了问题。
问题是，当页面加载时，没有显示任何内容。当我什么都不说时，我的意思是不HTML，JS或CSS。所显示的只是由 a和标签组成的原始基本HTML文件。启动终端时，我可以看到文件正在由 加载，如下所示：<header><body>webpack
但是，当我加载页面时，这些项目都没有显示。我以为html-webpack-plugin应该注入必要的文件，但它没有这样做。我不知道为什么没有必要的文件被加载到我的 HTML 文件中。我的 webpack 配置是这样的：
请帮我弄清楚为什么我index.html没有被注入任何所需的文件。所显示的都是原件index.html。如果您想要我目前使用的所有文件，可以在此处查看。谢谢，请帮忙！！
reactjs - Webpack Hot Middleware 没有在带有 React 的 Ubuntu 上热重载？
我遇到了一个非常令人沮丧的问题，我的 webpack-hot-middleware 不是“热重载”。它正在构建项目，并在我对任何有问题的文件进行任何编辑时重新构建项目，但它似乎从未显示任何更改，并且总是在对它们进行编辑之前显示我的文件（几乎就像它正在缓存它们或某物）。
我也在使用 Express 服务器，对这一切都很陌生。实际上，我正在尝试使用从雇主那里交给我的文件来设置开发环境，并且很难弄清楚如何解决这个问题。
我的 package.json 运行这些脚本：
在“npm install”之后，它似乎运行了这个文件“webpack.prod.config.js”：
“npm start”运行“app_build.js”，如下所示：
这个文件还有更多内容，但我相信我的问题与我的 publicPath 或其他东西有关，我不完全确定。就像我说的，我从以前的开发人员那里得到了这个配置，我对这一切都是全新的。
javascript - webpack-dev-middleware 在与应用不同的端口上提供服务包
我一直在研究利用 Apollo-Client 和 GraphQL 的 React 样板。我的应用程序已设置，因此我有一个节点进程在端口 3000 上运行一个 Express 服务器，它实际呈现应用程序，另一个在端口 3001 上运行一个 Express 服务器，webpack-dev-middleware用于打包和提供我的 JavaScript 包。
我在尝试使用 加载我的包时收到 404 <script src="/static/js/bundle.js />，因为它试图在http://localhost:3000/static/js/bundle.js而不是http://localhost:3001/static/js请求包/bundle.js，它实际上是由webpack-dev-middleware.
有没有办法配置webpack-dev-middleware或我的应用程序服务器，以便我的应用程序可以访问 JS 包，/static/js/bundle.js而无需在其前面添加http://localhost:3001？
typescript - Webpack 不会根据更改重建
出于某种原因，我无法让 webpack 在更改时重建我的文件。我基本上遵循了Browsersync - Webpack + TypeScript Recipe。
我的webpack.config.js：
server.js我从配方中复制的浏览器同步配置 ( )：
要开始这一切，我只需使用 npm 脚本部分：
每当我更改打字稿文件时，app/什么都没有发生。我在这里做错了什么？
express - Webpack 动态公共路径？
我有一个运行 express js 和 angular 2 的应用程序我正在使用 webpack 来捆绑我的模块和 webpack dev 中间件来运行 webpack 与 express。
我已经设置 express js 有一个通配符路由来提供 index.html 文件但是，当我尝试点击 localhost:8080/login 时，webpack-html-plugin 根本没有添加 js 和 css 资产。
如果我点击 localhost:8080 （主页）资产被正确添加我只能猜测这是由公共路径处理的，因为当我将公共路径更改为 /login/ 登录路由有效但主页没有？
有没有办法让它为其他路线提供资产？
非常类似于Webpack + Angular2 错误的 publicPath？
我的回购是公开的，所以如果你不介意看一下，那就太好了！