问题标签 [webpack-5]

我之前将 webpack 的 [hash] 值保存到 meta.json 文件中：

升级到 webpack 5 后，我收到了指向使用 contenthash 或其他值的弃用通知。

.hash但是将上面的部分与或任何其他散列交换.contenthash将不起作用。如何将 contenthash 保存到文件中，以便以后可以在模板系统中使用该值来链接文件？

我基本上试图将[contenthash]值放入文本文件（json，无论格式）中，以便稍后在 PHP 模板系统中重用。

我在文件名中放置了一个console.log，compression-webpack-plugin在构建过程的最开始，将打印一个日志，实际上，在将sw.js文件的内容复制到一个新创建的名为的文件之后service-worker.js，但目前没有关于self.__WB_MANIFEST哪个文件的信息必须通过workbox来宣讲precacheAndRoute。在构建过程结束时，当信息到达时，一个数组（宣扬的时间及其修订版）将被替换self.__WB_MANIFEST并注入service-worker.js，但不会发生压缩日志。因此 . 的压缩文件和原始文件将不兼容service-wroker.js。

webpack 插件

包.json

webpack5 支持 topLevelAwait，只需添加以下选项：

现在我们可以愉快地使用顶级等待了，像这样：

它运作良好。

但是当我添加 babel-loader 时它不起作用：

它抛出一个错误：

我怎么解决这个问题？

我需要 topLevelAwait 和 babel-loader。

我正在处理一个反应项目，当我将 webpack 4.44.2 更新到 5.4.0 时，我收到以下消息：

我搜索了很多，但没有得到确切的答案。那么我该如何解决呢？

我刚开始使用 Webpack，现在我正在尝试使用 Webpack 5 及其新功能设置我的项目：字体资产模块（tf|woff|woff2|eot|otf）和图像（png|jpg|gif |svg)。该项目成功构建：我得到了 dist/main.css、dist/main.js、dist/index.html。所有图像和字体文件都以 [hash][ext][query] 文件名在输出 dist 目录中发出。

我的项目树是：

我的 webpack 配置：

}

问题 #1：当我将assetsModuleFilename: 'assets/[hash][ext][query]' 设置为 webpack 配置中的输出时

并在我第一次遇到错误时运行 build (npm run dev)。

此时在输出 dist 目录中有成功构建的 main.js、index.html、main.css 和 NO dist/assets 目录。然后我只是重复（第二次） npm run dev 命令并在输出 dist 目录中获取包含所有资产文件和 main.js、index.html、main.css 的 dist/assets 目录。所有字体和图像都可以。

我搜索了错误，尝试更改不同的参数，但我仍然无法修复此错误。

提前感谢您的帮助和建议。

为了给您一些背景信息，我正在开发一个 .NET 核心应用程序，并且在其中一个 cshtml 中我正在注入一个这样的反应迷你应用程序：

它运行良好，但是当我使用 webpack 编译时，workshop 包太大（800kb）并且我收到了警告。Workshop-bundle 包含一些依赖项，例如 axios、highcharts-react-official 和 highcharts/highmaps。所以我试图拆分捆绑包。

在 webpack.config.js 上，我试图在其中一个条目中使用 DependOn。在这种情况下，workshop 依赖 axios、highcharts-react-official 和 highcharts/highmaps，所以基于 webpack doc 我尝试了这个：

webpack.config.js

.cshtml：

它生成 4 个捆绑包，但未显示该应用程序，并且我没有收到任何错误。

但是，如果我将依赖项放在一个条目中，则效果很好：

webpack.config.js

.cshtml：

这不是一个解决方案，因为我想要单独的包中的依赖项，知道吗？提前致谢！

我正在遵循Webpack 网页上的“入门”指南，并且在通过npx webpack. 由于这是一个非常小的示例文件夹，因此我在此处包含了不同的代码片段：

项目结构：

./dist/index.html

./src/index.js

./src/style.css

包.json

webpack.config.js

运行时npx webpack- 按照教程中的说明，并期望构建项目的输出 - 我收到以下错误：

据我了解，css代码很好，项目设置正确。

我是否遗漏了什么，或者我应该将此作为错误报告给 Webpack？

谢谢！

有什么特定的方法可以用 Webpack 5 公开 jQuery 吗？

它曾经在 Webpack 4 OK 上工作，配置如下，但现在显示Uncaught Reference Error: jQuery is not defined错误 5。

我知道从 v4 升级可能会导致现有插件和加载器出现问题，但是我可以在生产中的新项目中可靠地开始使用 Webpack 5 吗？

专门用于模块联合与 React 一起使用。

当我使用 webpack 5 编译我的 react 项目时，显示此错误：

这是我的index.js：

这是我的package.json配置：

这是dev.config.js配置：

我应该怎么做才能解决这个问题？