问题标签 [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.
webpack - Webpack 5 插件:模块错误没有代码生成条目
在升级我维护的插件以同时支持 Webpack 4 和 5 时,我遇到了下面的砖墙,我根本找不到任何信息,而且Gitter上的任何人似乎都无法提供帮助。
该插件添加了一个可以正常工作的资产(SVG spritemap)compilation.assets
。插件中有一个功能允许用户保留创建的块,这是与其他一些插件互操作所需的。Webpack 4 的最小工作代码是这样的(我总是觉得有点 hacky,但它确实有效 ♂️):
对 Webpack 5 使用相同的方法会引发以下错误:
它还显示了一个弃用警告Chunk.addModule
,我可以compilation.chunkGraph.connectChunkAndModule(chunk, module);
改用它来修复它,但这(显然)并没有消除代码生成条目错误。
javascript - 通过 Webpack 5 构建后,应用程序停止在 Internet Explorer (IE11) 上工作
正如在 Webpacks 5.0 发布博客文章中宣布的那样,经过对webpack.config.js
.
但它在 Internet Explorer (11) 中停止工作,因为生成的输出是混合的ES6
,ES5
因此与 IE 不兼容(见图)。
因为它实际上导致使用各种 babel 插件无法成功构建,所以我问自己是否有一种“简单”的方法可以将 ES5 指定为生成的输出。
从 beta 阶段开始,我在Medium上发现了一个似乎不再起作用webpack-5
的标志。
5.x 版中是否有一些“内置方式”以将 ES5 作为输出目标?
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
。这完全有道理,但我无法让它工作
如果我以这种方式引用本地库,我不可避免地会在构建过程中出现错误
我发布的示例已简化。希望不要过分如此,但这里是一个显示问题的回购链接
javascript - 网络调用失败的 Webpack5 模块联合后备
我最近制作了一个联合模块主机,用于联合站点的页眉和页脚。一切都按预期工作,但如果对联合主机的请求失败,我会尝试构建一些后备。
如果我阻止对 https:/example.com/remoteEntry.js 的请求,我会收到下面的 webpack 错误。理想情况下,我想加载一个基本的后备标题,或者只是没有标题,而不是页面完全死掉
webpack - CleanWebpackPlugin 在 Webpack 5 中无法清理
我正在使用带有“clean-webpack-plugin”的最新版本的 webpack 5.3.2:“^3.0.0”。显然插件在我构建时不会清理 dist 文件夹。
这是我的 webpack 信息:
这是我的 webpack 配置:
即使我启用详细选项,我也看不到任何日志并且插件也没有清理。
webpack - 尝试在 Webpack 5 中使用 StockX API 失败
在使用 Webpack 5 构建项目时,我正在尝试使用stockx-api进行开发 - 我收到很多关于 polyfill 的错误,如下所示:
我尝试按照说明进行操作,手动安装软件包,并且还使用了resolve.fallback,错误较少,但其中很多并没有像这样消失(tls、http2、net 等):
如果有人在新版本的 Webpack 中遇到此问题,请提供帮助 https://github.com/neveleneves/WishLoot
webpack - Watch Ignore Plugin 已使用与 API 模式不匹配的选项对象进行初始化
它使用以下配置抛出:
webpack 的版本是“^5.0.0-rc.6”。根据构造函数
[ 'src/test' ]
应该没事。我哪里做错了?
javascript - 在 Webpack 5 中导出对象
我正在使用 Webpack 构建一个 JS 库并尝试导出一个对象。
在我的客户端代码中:
该console.log();
语句按预期工作,但我无法访问上游对象。任何指针?
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
:
谢谢你。
reactjs - create-react-app + Webpack 5 不弹出
有没有办法在不弹出的情况下覆盖 webpack 版本?
我知道可以使用rescripts或类似的包来修改 webpack 配置而不弹出,但它可以用我选择的版本替换 webpack 吗?