问题标签 [webpack-5]

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 投票
1 回答
156 浏览

webpack - Webpack 5 插件:模块错误没有代码生成条目

在升级我维护的插件以同时支持 Webpack 4 和 5 时,我遇到了下面的砖墙,我根本找不到任何信息,而且Gitter上的任何人似乎都无法提供帮助。

该插件添加了一个可以正常工作的资产(SVG spritemap)compilation.assets。插件中有一个功能允许用户保留创建的块,这是与其他一些插件互操作所需的。Webpack 4 的最小工作代码是这样的(我总是觉得有点 hacky,但它确实有效 ‍♂️):

对 Webpack 5 使用相同的方法会引发以下错误:

它还显示了一个弃​​用警告Chunk.addModule,我可以compilation.chunkGraph.connectChunkAndModule(chunk, module);改用它来修复它,但这(显然)并没有消除代码生成条目错误。

0 投票
2 回答
6107 浏览

javascript - 通过 Webpack 5 构建后,应用程序停止在 Internet Explorer (IE11) 上工作

正如在 Webpacks 5.0 发布博客文章中宣布的那样,经过对webpack.config.js.

但它在 Internet Explorer (11) 中停止工作,因为生成的输出是混合的ES6ES5因此与 IE 不兼容(见图)。

生成的代码

因为它实际上导致使用各种 babel 插件无法成功构建,所以我问自己是否有一种“简单”的方法可以将 ES5 指定为生成的输出。

从 beta 阶段开始,我在Medium上发现了一个似乎不再起作用webpack-5的标志。

5.x 版中是否有一些“内置方式”以将 ES5 作为输出目标?

0 投票
1 回答
8165 浏览

angular - 模块联合共享服务

我正在使用 Angular 11 和 Webpack 5 开发一个新项目。我的工作基于 Manfred Steyer 的Module Federation Plugin Example repo,它使用 Angular CLI。我不知道如何在我的两个应用程序之间从共享的本地 Angular 库中共享单例服务

我会尽力解释我的设置。真的很抱歉这会持续多久。

简化的文件结构

两个 app.component.ts 文件是相同的

全球服务.ts

网页包

外壳/webpack.config.ts

mfe1/webpack.config.ts

共享库 package.json

此配置编译并运行,但mfe1实例化一个新的GlobalService. 我在应用程序加载时看到“构造的 SharedService”,然后在加载远程模块后再次看到。我试图遵循ScriptedAlchemy 的另一个示例,但我不知道如何使其工作。它要么编译并运行并创建两个实例,要么无法编译引用缺少的模块,这取决于我确定我的配置是如何搞砸的。

ScriptedAlchemy 示例使我似乎需要shared在文件的库数组中引用我的共享库webpack.config.ts。这完全有道理,但我无法让它工作

如果我以这种方式引用本地库,我不可避免地会在构建过程中出现错误

我发布的示例已简化。希望不要过分如此,但这里是一个显示问题的回购链接

0 投票
1 回答
605 浏览

javascript - 网络调用失败的 Webpack5 模块联合后备

我最近制作了一个联合模块主机,用于联合站点的页眉和页脚。一切都按预期工作,但如果对联合主机的请求失败,我会尝试构建一些后备。

如果我阻止对 https:/example.com/remoteEntry.js 的请求,我会收到下面的 webpack 错误。理想情况下,我想加载一个基本的后备标题,或者只是没有标题,而不是页面完全死掉

0 投票
2 回答
7942 浏览

webpack - CleanWebpackPlugin 在 Webpack 5 中无法清理

我正在使用带有“clean-webpack-plugin”的最新版本的 webpack 5.3.2:“^3.0.0”。显然插件在我构建时不会清理 dist 文件夹。

这是我的 webpack 信息:

这是我的 webpack 配置:

即使我启用详细选项,我也看不到任何日志并且插件也没有清理。

0 投票
1 回答
87 浏览

webpack - 尝试在 Webpack 5 中使用 StockX API 失败

在使用 Webpack 5 构建项目时,我正在尝试使用stockx-api进行开发 - 我收到很多关于 polyfill 的错误,如下所示:

在此处输入图像描述

我尝试按照说明进行操作,手动安装软件包,并且还使用了resolve.fallback,错误较少​​,但其中很多并没有像这样消失(tls、http2、net 等):

在此处输入图像描述

如果有人在新版本的 Webpack 中遇到此问题,请提供帮助 https://github.com/neveleneves/WishLoot

0 投票
1 回答
4648 浏览

webpack - Watch Ignore Plugin 已使用与 API 模式不匹配的选项对象进行初始化

它使用以下配置抛出:

webpack 的版本是“^5.0.0-rc.6”。根据构造函数

[ 'src/test' ]应该没事。我哪里做错了?

0 投票
1 回答
47 浏览

javascript - 在 Webpack 5 中导出对象

我正在使用 Webpack 构建一个 JS 库并尝试导出一个对象。

在我的客户端代码中:

console.log();语句按预期工作,但我无法访问上游对象。任何指针?

0 投票
0 回答
511 浏览

reactjs - 如何使 Webpack 5 在我的 Docker 容器中可用?

我正在尝试使用 2020 年 10 月刚刚发布的最新 webpack 版本,即 v5,但由于 docker 找不到 webpack,我遇到了麻烦。但是如果我使用像 v4 这样的早期版本的 webpack,它就可以工作。我想在我当前的项目中使用最新的 webpack 和 docker。我怎样才能解决这个问题?如何使 webpack v5 在我的 docker 容器中可用。谢谢你。

如果我运行,这是输出docker-compose up

这是我的package.json

我的Dockerfile

这是我的docker-compose.yml

谢谢你。

0 投票
1 回答
571 浏览

reactjs - create-react-app + Webpack 5 不弹出

有没有办法在不弹出的情况下覆盖 webpack 版本?

我知道可以使用rescripts或类似的包来修改 webpack 配置而不弹出,但它可以用我选择的版本替换 webpack 吗?