问题标签 [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 回答
83 浏览

javascript - Webpack:ReferenceError:未定义

0 投票
2 回答
3787 浏览

webpack-5 - 当我更新到 webpack5 时,出现错误:配置有一个未知属性“之前”

当我将 webpack 4 更新到 5 时,错误退出。

我有一个 webpackDevServer.js,其中包含错误消息“错误”

我在 start.js 文件中使用上述文件,当我运行项目时,我输入node scripts/start.js

然后它抛出一个错误

这是我的 package.json

0 投票
1 回答
2890 浏览

webpack - ERROR: module.exports = __webpack_require__.p .... module is not defined

when i upadate webpack from 4 to 5, the error existed.

however, when i look into the index.html, there is no any module index.html

please the error message more detail

here is how i defined the htmlWebpackPlugin

thank you! Dmitry Nesterenko please check my code, I'm new in webpack

I changed the code as above, however, i didn't work. And when I remove all of them, it worked! I don't know why???

0 投票
1 回答
499 浏览

reactjs - webpack 5 module.hot 未定义

我最近将我们的 React 应用程序升级到 webpack5,一切正常,但浏览器错误Uncaught ReferenceError: module is not defined显示此代码:

谁能解释发生了什么以及我能做些什么来解决这个问题?

0 投票
1 回答
71 浏览

yarnpkg - 纱线构建。错误 - 无效的选项对象

我学习 React 并尝试构建自己的 webpack5 + babel 设置,运行后我的控制台中有此错误消息yarn build。关于如何解决这个问题或我做错了什么的任何想法?

0 投票
1 回答
70 浏览

webpack - 更改 webpack 5 生成的字体

我正在使用 webpack 5,并试图使其与 webfonts 一起使用。

输出目录是这样的:

输出:

解析器:

一切似乎都有效,除了生成的字体是错误的:

它生成url(fonts/roboto.woff2)而不是url(/wwwroot/fonts/roboto.woff2). 所以css不会找到webfonts。

我如何在前面加上一个/wwwroot/

0 投票
4 回答
20716 浏览

javascript - Webpack 模块联合不适用于急切的共享库

我正在研究 Webpack 5 模块联合功能,但在理解为什么我的代码不起作用时遇到了一些麻烦。这个想法与标准模块联合示例所做的非常相似:

app1- 是主机应用程序 app2- 是一个远程暴露整个应用程序app1

app1呈现标题和水平线,app2应在其下方呈现)

app1和都app2声明reactreact-dom作为它们共享的、单例的、急切的依赖关系weback.config.js

在 App1 index.js 我有下一个代码:

接下来是 App1App.js组件:

但是当我启动应用程序时,我得到下一个错误:

如果我从index.jstobootstrap.js和 in 中提取所有index.js内容

一切正常。

这让我感到困惑,因为创建者的官方文档博客文章指出,您可以采取任何一种bootstrap.js方式,也可以将依赖项声明为急切的依赖项。

将不胜感激任何关于为什么它在没有bootstrap.js模式的情况下无法工作的帮助/见解。

这是我正在构建的完整 GitHub 沙箱的链接:https ://github.com/vovkvlad/webpack-module-federation-sandbox/tree/master/simple

0 投票
1 回答
83 浏览

webpack - 除非源代码已更改,否则阻止 webpack 重新构建

我使用 webpack 作为捆绑器和任务运行器。

如果源没有改变,我不希望它重新构建包:

  • 在监视模式下运行时,它会缓存到内存中,除非必要,否则不会重建
  • 但作为纯任务运行器(无监视模式),它会在每次运行时重建

如何防止它每次都重建?它需要更长的时间,并且会破坏我的 SSD 驱动器。

0 投票
0 回答
101 浏览

jsdoc - Webpack `cacheGroups` 选项的正确 JSDoc 类型?

我的webpack.config.js中有以下代码:

在 Webpack 4 中,我能够buildWebpackCacheGroups像这样使用 JSDoc 注释返回类型:

我现在正在尝试升级到 Webpack 5,但webpack.Options.CacheGroupsOptions不再作为 type 提供。所以我尝试了以下方法:

但它会产生这个错误:

类型'false | 上不存在属性'cacheGroups' 优化SplitChunksOptions'。

我该如何解决这个问题?

0 投票
1 回答
1421 浏览

reactjs - Webpack 5 不输出 LESS 样式?

我正在尝试将我的所有依赖项升级到最新版本,并且除 webpack 5 之外的所有检查都没有按预期工作。问题是我的较少样式根本没有加载。运行 prod 构建时,文件夹中没有输出的 less 文件dist,并且 localhost 开发页面中没有样式。我一直在研究他们的文档,并尽可能地模仿了这些例子。

节点 14.15.4

webpack.config.js

包.json

应用程序.js