97得票12回答
错误:不应导入命名导出的“version”(作为“version”导入)

我有一个已经弹出的 create-react-app 项目。在升级到 webpack 5 后,我遇到了这个错误。在 webpack v4.41.5 下运行良好。 操作系统:MacOS Catalina 10.15.7 node 版本:v10.23.0 错误:不应从默认导出模块中导入名为 'v...

33得票6回答
Webpack 5: file-loader会生成带哈希名称的字体副本

我无法弄清楚这里发生了什么。我使用file-loader来加载我的应用程序的字体:{ test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, use: [{ loader: 'file-loader', o...

31得票2回答
Webpack 5: devtool 验证错误,无效的配置对象

在从Webpack 4迁移到Webpack 5时,我在使用devtool的空值(仅在生产模式下)时遇到了错误。 module.exports = { devtool: isProd ? '' : 'source-map', // entry: ... // outpu...

29得票3回答
DeprecationWarning: Compilation.assets将来会被冻结,所有修改都已被弃用。

我正在开发一个React项目,当我将Webpack从4.44.2更新到5.4.0后,我遇到了以下错误信息:[DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning: Compilation.assets will be frozen in futu...

25得票5回答
WP5模块联邦:remoteEntry.js缓存

使用Webpack 5 模块联邦,如果远程入口被修改,则您无需重新部署主模块/应用程序,当浏览器请求时,最新版本的模块将被加载。 我想知道:由于远程URL保持不变(例如http://localhost:8081/remoteEntry.js),浏览器可能会缓存该文件,并且每次加载主模块时都会加...

25得票4回答
Webpack模块联邦与急切共享库不兼容。

我正在研究Webpack 5的模块联邦功能,但是有些困难理解为什么我的代码无法正常工作。 这个想法与标准的模块联邦示例非常相似: app1 - 是主机应用程序 app2 - 是一个远程应用程序,向app1公开整个应用程序 (app1渲染标题和水平线,下面应该呈现app2) app1和app2都...

25得票6回答
如何在Webpack中获取每个块包含的所有文件(或模块)列表

似乎找不到在webpack中显示chunk具体内容的调试选项或插件。 我为什么需要这个功能?我注意到的情况是,代码分割会导致整个项目比把所有代码都放在一个文件中更大。这有点违反直觉,因为我认为来自webpack的引导代码并不那么重要;我怀疑可能是最小化和去重造成的,但是如果不知道哪些模块实际上...

19得票2回答
使用最新的terser-webpack-plugin与Webpack5一起使用

根据此链接 (Terser文档),如果你正在使用最新的Webpack 5,你不需要安装Terser插件,因为它已经被包含在Webpack 5中。然而,我很难让它工作。如果我从我的packages.json文件中删除terser-webpack-plugin并尝试像下面的webpack.prod...

19得票2回答
CleanWebpackPlugin在Webpack 5中不能进行清理操作

我正在使用最新版本的webpack 5.3.2,并且安装了"clean-webpack-plugin": "^3.0.0"。但是显然,当我打包时,该插件没有清理dist文件夹。这是我的webpack信息: Binaries: Node: 12....

17得票9回答
在 webpack5 构建后 Angular Webpack 插件初始化之前发出了尝试。

我正在使用 Angular 14 和 Webpack 版本:^5.58.1。 以下是配置: webpack.config.js const webpackPlugin = require('@ngtools/webpack').AngularWebpackPlugin; module.e...