为供应商添加多个入口点后的Webpack错误
是指在使用Webpack构建项目时，当为供应商（vendor）添加多个入口点（entry point）后，出现的错误。
Webpack是一个现代化的前端构建工具，它可以将多个模块打包成一个或多个静态资源文件，以优化前端项目的性能和加载速度。在Webpack中，入口点是指项目中的一个或多个起始文件，Webpack会根据这些入口点来构建项目的依赖图，并生成最终的打包文件。
当为供应商添加多个入口点后，可能会出现以下错误：
- 重复引入：如果多个入口点引入了相同的供应商模块，Webpack会将这些模块重复打包，导致最终打包文件体积增大，影响项目性能。
- 依赖冲突：不同的入口点可能依赖不同版本的供应商模块，当这些模块存在冲突时，Webpack可能无法正确处理依赖关系，导致构建错误或运行时错误。
- 打包顺序错误：Webpack会根据入口点的引入顺序来构建依赖图，如果入口点的引入顺序不正确，可能会导致供应商模块的加载顺序错误，进而导致项目运行错误。
为解决这些错误，可以采取以下措施：
- 使用Webpack的代码分割功能：通过将供应商模块抽离成单独的代码块，可以避免重复引入和依赖冲突的问题。可以使用Webpack的SplitChunks插件或动态导入（Dynamic Import）语法来实现代码分割。
- 确保入口点的引入顺序正确：在配置Webpack的入口点时，确保按照正确的顺序引入供应商模块，以保证它们的加载顺序正确。
- 使用Webpack的resolve.alias配置：如果存在供应商模块的版本冲突，可以使用Webpack的resolve.alias配置来指定使用特定版本的模块，以解决依赖冲突问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Webpack：https://cloud.tencent.com/product/webpack
相关·内容
1回答
为供应商添加多个入口点后的Webpack错误
reactjs、webpack、config、entry-point
非常新的可湿性粉剂。我对这个问题进行了广泛的搜索，但它们似乎都围绕着确保绝对路径被正确解决，并且我相当有信心我正确地使用了path.resolve，因为当我只有一个入口点(没有供应商)时，一切都很好。我正在尝试在dev服务器上做这件事，并合并不同的配置。只使用一个主条目就可以很好地工作。一旦我将供应商及其解析路径添加到我的节点模块文件夹..it错误，如图所示。你们能告诉我在为prod部署准备这个(该死的</e
浏览 19提问于2020-12-14得票数 0
1回答
Webpack 5 DependOn仅在条目仅依赖于一个依赖项时才能工作。
reactjs、code-splitting、webpack-5
在webpack.config.js上，我试图在其中一个条目中使用DependOn。在这种情况下，研讨会依赖于axios、高图表-反应-官方和高图表/高地图，因此在webpack博士的基础上，我尝试了以下几点：entry: {<script src="~/bundles/js/workshop-bundle.
浏览 3提问于2020-11-13得票数 5
回答已采纳
1回答
如何防止业力-webpack创建供应商代码源图？
webpack、karma-runner、source-maps、karma-webpack
然而，当运行Karma：ReferenceError: Can't find variable: webpackJsonp时，我开始得到这个错误。我觉得奇怪的是，它似乎不是一个常见的问题。我找到了，但那里的人建议在webpack配置中使用多个入口点(即一个用于应用程序，另一个用于供应商)。我将尝试看看这是否适用于Karma，但它仍然有一个很大的缺点(在我看来)，您必须手动跟踪您在vendor数组中放置的</
浏览 1提问于2016-12-21得票数 1
回答已采纳
1回答
Webpack 2-使用“供应商”捆绑包是不是很糟糕？
webpack
我有以下类型的配置来创建捆绑包： entry: { vendor: [ 'lodash', 'react' ] plugins: [ name: 'vendor', ] 正如您所看到的，我的</e
浏览 0提问于2016-06-27得票数 6
1回答
在webpack中，我只能在一个入口捆绑包中使用commonchunks插件
javascript、webpack
我有一个有2个捆绑包的应用程序，react等常用模块被提取到一个供应商捆绑包中。我正在添加第三个包，我不想从中提取公共依赖项。这有没有可能。这个问题与相关，但是这是关于为每个入口点创建多个供应商捆绑包，而我希望其中一个捆绑包不需要供应商。在我的例子中，这是因为脚本是一个简单的站点验证脚本，它被设置在头部中，因此将在vendor捆绑包之前设置。但是，我仍然希望能够使用此head包中的
浏览 18提问于2017-02-16得票数 0
2回答
如何将Webpack资产捆绑在不链接到其他所有资产的多个页面中？
javascript、reactjs、webpack
关于Webpack，有件事我无法理解。然而，我的问题是，我的“主”入口点并没有使用和导入每个组件。也许只是一些。然后，在我<em
浏览 7提问于2016-06-28得票数 12
1回答
webpack -如何创建带有单个入口点的拆分包
javascript、webpack、webpack-4、javascript-build
如何从webpack的代码分裂中获益，同时将所有代码合并到一个入口点？optimization: { chunks: 'all', runtimeChunk: 'single',这将创建多个入口点，所有这些入口点都需要加载到页面中(比如BabelPoly填充、运行时、供应商块.)在主应用程序之前
浏览 0提问于2018-11-07得票数 1
3回答
如何配置webpack 4，以防止任何其他捆绑包中出现入口点列表中的块？
webpack、webpack-4
我正在做一个很大的项目，并试图登陆webpack 3 -> 4的更新。这个应用程序大约有1000个入口点，其中大约有10个被认为是“全局”或“核心”的，并保证在每个页面上。这些核心包包含供应商和非供应商代码的混合。我需要配置webpack来构建所有这些资产，这样出现在这些包中的任何块都不会出现在任何其他包中，而不管块的大小，也不会创建需要添加到页面的新资产。
浏览 1提问于2018-03-08得票数 30
回答已采纳
1回答
是什么原因导致与Webpack一起将SCSS编译成CSS？
javascript、css、webpack、sass
我正在做一个项目，需要CSS和JavaScript代码在不同的文件中编译。webpack配置文件如下所示：var path = require(filename: "[name].css", })}
在<root>/src/scss/中，我
浏览 9提问于2022-04-18得票数 -1
回答已采纳
2回答
“webpack 2”不能在IE11上运行？
javascript、webpack、promise、internet-explorer-11
我有一个非常基本的javascript项目，它使用了webpack (^2.6.0)作为一个模块捆绑器。有一个作为供应商模块的依赖项，而我有一个入口点。供应商捆绑包还包含了webpack引导代码，它是在加载我的任何模块之前加载的。(); });
不幸的是，Promise在IE11上不可用，即使您将包含Promise (例如import 'babel-polyfill')的
浏览 2提问于2017-05-25得票数 5
2回答
Webpack的多个入口点与多个供应商组合
javascript、node.js、webpack
不幸的是，webpack似乎对如何捆绑供应商文件非常固执己见--它希望为我的所有入口点创建一个大型供应商包，而不是像这样的更合理的拆分： - app1.bundle.js:我将一些大型(例如，JQuery)库导入到应用程序2中，并将其包含在其他不需要它的应用程序的供应商包中。我也希望自动完成- webpack应该能够通过我<
浏览 4提问于2017-12-07得票数 28
1回答
如何使用webpack4正确地拆分公共依赖项
javascript、webpack、webpack-4
我很难将webpack4配置为正确地捆绑共享依赖项。第2页还需要一个名为JavaScript和lodash的定制my-app应用程序。因为我的core应用程序将包含在所有页面中，所以我希望jquery和bootstrap在同一个包中。
因为lodash只对运行my-app的页面是必需的，所以我希望在m
浏览 0提问于2018-04-04得票数 1
回答已采纳
1回答
如何正确使用多入口点的Webpack CommonsChunkPlugin？
javascript、webpack
我在为我的显式供应商块维护稳定的模块I时遇到了问题。define=>false', ]};
它工作得很好；我可以在我的存储库历史记录中来回切换，只有当node_modules中的供应商库实际发生变化时，供应商块才会发生变化但是，一旦我取消对附加入口点的注释，一切都会发生变化:供应商块会发生变化，而不会对供应商库进行任何更改。如果我
浏览 2提问于2016-08-17得票数 1
1回答
如何管理webpack中多个条目的外部库依赖关系？
webpack
在我们的项目中，我们有多个webpack参赛作品。它们对第三方库(例如angularJS、fileAPI等)有依赖关系。我们希望达到的目标是：
这些引用可以自动完成。我们希望在我们自己的条目中使用require，让webpack自动为我们加载它们。
浏览 4提问于2016-12-01得票数 0
1回答
强制webpack在丛中包含未引用函数
webpack
我打算在Oracle开发的一个无关的商业产品中使用一些功能。我将简单地包含javascript文件，然后在需要的地方引用供应商代码中的函数。但是，我想做一些转换，添加一些polly填充，并在包含它之前缩小代码。我想用webpack来自动实现这一点，但是由于我的入口点只包含在入口点没有使用的函数，所以它们没有包含在包中。最后，我得到了一个只包含<e
浏览 0提问于2018-03-29得票数 0
1回答
WebPack:没有附加块的多个入口点
javascript、build、webpack、chunks
因此，我将配置设置为使用多个入口点，每个站点一个： s1: "s1", s3: "s3"应用程序还使用了几个依赖项，这些依赖项是通过AMD模块加载的}
我的问题是:我需要在配置中指定什么才能将每个站点包构建为一个独立的文件？当我只配置一个入口点(如entry: "s1")时，我可以
浏览 2提问于2016-03-01得票数 1
1回答
如何在Webpack4中拆分供应商和polyfills
webpack
我有两个入口点：main和polyfills。在Webpack3中，我有这样的配置： name: 'polyfills', }),在我看来，这是有道理的，因为主块太大了。optimization: {
splitChunks:
浏览 0提问于2018-03-22得票数 2
2回答
如何使用Webpack中的多个条目以及HtmlWebpackPlugin中的多个HTML文件？
javascript、webpack、html-webpack-plugin
我们希望Webpack的两个输出-我们的整个应用程序的所有依赖项，和一个不同的页面，只有一个依赖(这不是共享的主应用程序)。
如果您有多
浏览 0提问于2018-09-20得票数 4
回答已采纳
1回答
Webpack:将一些条目拆分成块，但其他条目-不要
ruby-on-rails、webpack、chunks、webpacker
有没有可能一台webpack开发服务器配置了多个入口点(站点上有多个页面)，每个都有不同的配置？具体地说，我希望一个条目(页面的JS代码)被分成块，但另一个条目(带有翻译后的消息的JS本地化捆绑包)不被分块。一个可能的复杂情况是，我使用的是Ruby-on-Rails webpacker，它会自动为我创建一些webpack配置。
浏览 0提问于2019-11-11得票数 2
1回答
"request.replace不是函数“错误的原因
webpack、karma-runner、webpack-2、karma-webpack
我用的是Karma 1.5.0，Webpack 2.3.2和Karma-Webpack 2.0.3.
根据我在网上看到的，这是一个Webpack错误，当使用多个入口点<
浏览 0提问于2017-04-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
