问题标签 [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.

0 投票
2 回答
1042 浏览

javascript - 如何使用 webpack 使用它

如何在 webpack react 应用程序中使用这个 repo:https ://github.com/chris-ruadmin/Recorderjs

我已经创建了一个新的库并以 es6 模块样式导出了主文件。

我使用 webpack 构建,但是当我尝试使用该包时会出现问题。我可以使用:

但是一旦我尝试对其进行编码,然后使用 WebWorker,据我所知,这需要是 js 文件的路径。

所以问题分为两部分:

  1. 我应该如何设置 webpack 来处理这样的依赖?
  2. 在开发过程中,如何让 webpack 开发服务器提供静态文件?

理想情况下,我想为这个库的所有部分创建模块,并在任何项目中轻松使用它。

最后,这个项目的编码器是通过 emscripten 编译的,我不确定如何在 webpack 中处理这样的文件。是否可以在没有 webpack 触摸的情况下通过它?

谢谢

0 投票
1 回答
1112 浏览

webpack - Webpack 开发服务器不使用代理

我已经阅读了webpack-dev-server 的文档以及如何设置代理,但它对我不起作用。我想要做的是有一个API_ROOTtohttp://my_external_server.com/api然后在 ajax 请求中使用它。在我的配置中,我有:

是我的完整配置。

0 投票
6 回答
24105 浏览

webpack - 如何使用 webpack-dev-server 和 html-webpack-plugin 观看 index.html

我正在使用 webpack-dev-server 进行开发,使用 html-webpack-plugin 生成带有修订源的 index.html。问题是每次我更改 index.html 时,捆绑系统都不会再次重建。我知道索引不在条目中,但是有没有办法解决这个问题?

0 投票
2 回答
23092 浏览

node.js - 将 Webpack 开发服务器与 PHP 应用程序一起使用

有没有人有在 Laravel 5+(在我的情况下是 5.1)上安装webpack 开发服务器的经验?

我将使用我的 laravel PHP 后端和 ReactJS 前端,我想在我的开发环境中拥有 webpack 开发服务器。

但是我对 NodeJS 中的很多配置感到困惑(我专门研究 PHP 后端)。

通常可以将 webpack 开发服务器与 PHP 应用程序结合起来吗?

我希望我的环境可以双向工作:在我的 apache 服务器(用于后端调试/开发)和 NodeJS 服务器(用于前端调试/开发)上。

我是否需要一些中间件来解析 webpack 的特定端口?一般来说,NodeJS 服务器将如何加载我的 PHP 脚本?...或者 apache Web 服务器会加载页面而不是 NodeJS 会将通知推送到前端?

0 投票
12 回答
301293 浏览

node.js - 如何使 webpack 开发服务器在 80 端口和 0.0.0.0 上运行以使其可公开访问?

我是整个nodejs / reactjs世界的新手,如果我的问题听起来很愚蠢,我深表歉意。所以我在玩reactabular.js

每当我这样做时,npm start它总是在运行localhost:8080

如何将其更改为运行0.0.0.0:8080以使其可公开访问?我一直在尝试阅读上述 repo 中的源代码,但未能找到执行此设置的文件。

80另外,补充一点 -如果可能的话,我如何让它在端口上运行?

0 投票
1 回答
732 浏览

javascript - Webpack 热加载器抛出“[HMS] Hot Module Replacement is disabled。”

我正在尝试使用 webpack 构建一个小型反应工具。以下是我的配置。

这是我的命令行参数:

我仍然在浏览器控制台中看到一条消息,显示“[HMR] 热模块更换已禁用”。

需要帮助。

以下是与此相关的 github issue 的链接。它仍然没有解决我的问题。

此问题的 Github 链接

0 投票
1 回答
52 浏览

webpack - 如何使用 webpack 为开发和部署提供不同的文件?

我有一些配置文件,它们基本上存储了一些数据。但是,我使用不同的数据进行开发和部署。

我不想在尝试部署文件时手动更改文件。我也不想在部署之前更改导入语句。

例如。我有一些代码

我不想修改这个。我只希望data.js在开发和部署之间改变内容。

我如何设置 webpack 来实现这一点?

0 投票
0 回答
796 浏览

django - 反应热加载程序不更新前端

我不确定为什么我的前端没有在热模式下运行。我试图尽可能地解耦前端和后端。唯一将两者联系起来的是我使用 django 的webpack_loader应用程序来加载webpack构建以加载到模板 ( index.html) 中。

我的后端在 Django 中,目前正在运行http://127.0.0.1:8000/

我的前端托管在localhost:8080

我的热模式 devServer 已打开0.0.0.0:8080

我尝试更改一些前端并保存它以查看会发生什么并且前端没有任何更新。在我的开发人员工具中,我看到了这一点:

这是我的 npm 脚本:

webpack.config.js:

webpack.watch.js:

0 投票
1 回答
3048 浏览

webpack - 在 webpack 中重写 URL

我正在使用 webpack 来打包文件并导入 CSS。在 bootstrap 包含的 CSS 文件中,有一个对 /fonts/glyphicons-halflings-regular.ttf 的字体引用。

有什么方法可以指示 webpack 将文件从 /node_modules/bootstrap-css-only/fonts/ 挂载到 /fonts?或者通过基于正则表达式的 webpack 开发服务器重写 HTTP 请求?

对不起,如果这是超级基本的,webpack 的新手。

0 投票
1 回答
6794 浏览

sass - loaders 列表中的元素应该有 'loader' 或 'loaders' 和 sass-loader webpack

我的 webpack 加载器数组中有这个加载器:

我正在尝试让 webpack 将我的 SCSS 构建为 CSS,但出现此错误:

这是我的完整 webpack 配置: