问题标签 [webpack-dev-server]
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.
reactjs - React Hot Loader 未按预期更新
我正在使用 react-hot-loader 和 webpack。我还将 webpack-dev-server 与 express 后端一起使用。
这是我用于开发的相关 webpack 配置：
使用此配置，我启动 webpack 和 webpack-dev-server
所以 webpack-dev-server 在 localhost:3000 运行并app.js从 webpack watcher 接收（现在不再写入文件系统）。
我的 express 服务器用作后端/api，并具有以下配置：
到目前为止一切都很好，代理工作app.js，我在浏览器控制台中看到成功的热更新消息：
现在，虽然它看起来不错，但它并没有像我预期的那样工作：
- 当我更改组件的 render() 方法时，它会按预期更新，但是当我更改辅助方法（在 render() 中使用）时，我不会得到任何热更新。这正常吗？
- 另一件让我烦恼的事情，如果我像这样工作，并在某个时候重新加载“硬”浏览器，我所做的所有更改都会恢复到我启动 webpack-dev-server 的点 - 两者之间的所有热更新都有没有以某种方式坚持。这也正常吗？我希望我会失去我的状态，但同时不会对代码进行任何更改。这可能与我
app.js没有被写入文件系统有关。
javascript - 如何用jade和webpack用热重载编码HTML
我是新来的webpack，尝试设置简单的配置来使用jade模板对 HTML/CSS 进行编码PostCSS，hot reload并通过提供 HTMLwebpack-dev-server来加快编码体验。
所以我将有多个入口点，一些jade包含包含、CSS、img、字体和其他资产的文件。
有什么webpack配置建议吗？谢谢。
我试过html-webpack-plugin了，像这样的配置
它正在工作，但没有热重载翡翠包括，没有 css/img/font 资产..
然后我发现indexhtml-webpack-plugin但它似乎只适用于 HTML 文件，不支持模板。
编辑1：
现在，我结束了这个webpack.config.js：
index.js入口点如下所示：
这是我目前用于 HTML/CSS 开发的工作设置。
node.js - 我可以在没有 nodejs 服务器的情况下在客户端使用 webpack 吗？
我正在尝试构建一个 Web 应用程序，我想将所有 html、js 和 css 文件存储在 amazon s3 上，并通过 api 与 restful 服务器通信。
我正在尝试实现延迟加载，并可能使用反应路由器进行路由。似乎 webpack 具有这种功能代码拆分，其工作方式类似于延迟加载。
但是，我发现的所有教程和示例都涉及 webpack-dev-server，它是一个小型节点快速服务器。无论如何我可以在构建时生成包并将所有内容上传到亚马逊 s3 并实现类似于 Angular 的 ocLazyLoading 的东西吗？
laravel - 配置 Webpack 以在 Laravel 应用程序中工作
我想为我的基本 Laravel 应用程序使用webpack-dev-server 。从官方 Webpack 文档中，我了解到以下内容：
您可能希望在开发中运行后端服务器或模拟它。你不应该使用 webpack-dev-server 作为后端。它的唯一目的是提供静态（webpacked）资产。
您可以并排运行两台服务器：webpack-dev-server 和后端服务器。
在页面底部，他们给出了如何实现这一点的示例。我跟着并遇到了两条错误消息。这是我尝试将 Webpack 集成到 Laravel 应用程序中。
webpack.config.js
app.blade.php
控制台输出：
...
我正在使用宅基地。该应用程序在http://laravel.dev/上提供。所以我的问题是如何并排运行两台服务器（webpack-dev-server 和 backend-server）。我错过了什么？
sass - webpack sass-loader 只加载必要的 .scss 文件。
是否可以只加载适当的 .scss 文件？由于某种原因，即使页面上没有使用 react 组件，.scss 文件仍然包含在我的 css 中。
我目前正在使用 ExtractTextPlugin，因为我还希望 sourcemaps 工作。
webpack - 无法 npm 安装 webpack-dev-server
我无法安装 webpack-dev-server：
我得到：
我需要安装python吗？我怎样才能完成它？bufferutil 包有问题吗？
angularjs - angular + webpack：构建后出现“热模块替换被禁用”错误
我在使用非常简单的 webpack 配置时遇到了问题：
我正在尝试构建我的代码的缩小版本，但是当我运行时
我的 dist 文件夹NODE_ENV=production node node_modules/.bin/webpack && cp app/index.html dist/index.html中没有bundle.min.js，当我运行时http-server dist我得到Uncaught Error: [HMR] Hot Module Replacement is disabled.
通过网络，我发现这是一个常见问题，但我没有找到解决此问题的方法：我正在使用--hot假设添加热插拔插件的标志。
webpack - 如何包含 Webpack 开发服务器的路径
我想从项目的根目录加载文件，同时利用嵌套目录结构来托管示例（运行 webpack 开发服务器的位置）。
webpack 开发服务器
示例/index.html
.除了将 contentBase 设置为（root）之外，还有什么方法可以实现这一点？
ember.js - 使用 Ember 应用程序替换 Webpack 热模块
我正在尝试使用 ember 应用程序运行 webpack HMR。我还没有找到任何用于 ember 的特定于 ember 的热加载程序。没关系，我的问题是只有css更改是热加载而不刷新。当我更改 java 文件时，我可以在控制台中看到：
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] Updated modules:
[HMR] - 541
[HMR] App is up to date.
...所以看起来 HMR 正在工作。此外，我可以在控制台管理中找到更新的模块源代码，但更改在网页上不可见，我无法找出原因。
可能是因为模块在浏览器内存中物理更新，而不是在 ember 环境中。
任何想法如何使它工作？谢谢。
reactjs - 在控制台中反应 webpack 未定义反应
我在构建 webpack 时遇到问题我编写了自定义 webpack 配置：
https ://github.com/Simproduction/react-client-webpack
但是当我运行 dev 或构建项目时一切正常但我无法从控制台调用 React 或使用反应开发人员工具我得到错误
Uncaught ReferenceError: React is not defined(…)
你能帮我吗？