多个配置与多个条目在webpack中
是指在webpack配置文件中可以定义多个配置对象和多个入口点（条目），以实现对不同模块的打包和处理。
在webpack中，可以通过配置文件（通常是webpack.config.js）来定义多个配置对象。每个配置对象包含了一组配置选项，用于指定不同的打包规则和行为。通过使用多个配置对象，可以根据不同的需求和场景来定制不同的打包配置。
同时，webpack也支持多个入口点（条目）。入口点是指webpack开始构建的起点模块，webpack会根据入口点来分析模块之间的依赖关系，并将它们打包成一个或多个输出文件。通过定义多个入口点，可以实现将不同的模块打包成不同的输出文件，从而实现更灵活的打包策略。
多个配置与多个条目在webpack中的应用场景包括但不限于：
- 多页面应用：对于一个包含多个页面的应用，可以通过定义多个入口点来分别打包每个页面所需的模块，从而实现按需加载和提高页面加载速度。
- 应用与库的分离：对于一个既包含应用代码又包含库代码的项目，可以通过定义多个配置对象来分别打包应用和库，从而实现代码的分离和复用。
- 不同环境的打包：对于同一个应用，在不同的环境下可能需要不同的打包配置，例如开发环境和生产环境。通过定义多个配置对象，可以根据环境的不同来定制不同的打包规则和行为。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可快速部署和扩展应用。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云提供的关系型数据库服务，支持高可用、高性能的MySQL数据库。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：腾讯云提供的容器化部署和管理服务，支持Kubernetes集群的创建、扩容和管理。产品介绍链接：https://cloud.tencent.com/product/tke
请注意，以上推荐的腾讯云产品仅作为示例，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
1回答
我正在用webpack捆绑页面。我有两个选择，要么使用多个配置，即导出索引，conf2，或者添加多个条目，即条目：{ conf1："index.js"，about:"about.js"}。现在，在速度和代码拆分方面，哪个更好。我有点猜测，当使用多个配置时，webpack会产生多个编译器实例。
浏览 20提问于2020-04-14得票数 2
回答已采纳
webpack的配置如下： {我想配置webpack，以便每个配置对象只处理应用程序目录中的文件。这意味着，尽管我在sub应用程序中包含了来自main应用程序的文件，但我希望所有加载程序只适用于从main应用程序导入的文件，并允许sub应用程序文件由sub应用程序<em
浏览 4提问于2017-06-07得票数 1
我正在尝试设置一个webpack4和React样板，但遇到了呈现index.html的问题。例如，当我更新index.html的标题时，/dist文件夹中的index.html不会更新，并且只呈现标题，而不呈现index.js中的任何内容。请帮助采取以下细节在我的项目看。": "^4.6.0", "webpack-dev-serve
浏览 3提问于2018-06-14得票数 10
有没有可能一台webpack开发服务器配置了多个入口点(站点上有多个页面)，每个都有不同的配置？具体地说，我希望一个条目(页面的JS代码)被分成块，但另一个条目(带有翻译后的消息的JS本地化捆绑包)不被分块。一个可能的复杂情况是，我使用的是Ruby-on-Rails webpacker，它会自动为我创建一些webpack配置。
浏览 0提问于2019-11-11得票数 2
我需要Webpack 4捆绑每个JS条目到一个JS文件和每个SCSS条目到一个CSS文件。JS文件不导入SCSS文件。}, new MiniCssExtractPlugin({ })};webpack.co
浏览 0提问于2018-09-29得票数 3
回答已采纳
1回答
webpack共块的入口点
、、、、
我的webpack配置有一个由多个入口点使用的“公共”块。除了包含多个入口点使用的代码之外，我还想在加载时调用一个函数。我尝试使用与块同名的“公共”入口点，但是虽然我可以在生成的输出中看到公共文件的内容，但它不会在加载时运行。我想这是因为Webpack的
有什么方法可以绕过这个问题，得到一个“公共”块来在负载中运行某些东西吗？我webpack</e
浏览 3提问于2020-11-19得票数 3
我最近花了几个小时在Webpack +各种框架(比如Vue)上，以便对它们进行一点测试。
它创建在output对象中配置的一个或多个包。您可以配置将在所有这些之上执行额外处理的插件。例如，HMTLWeb
浏览 0提问于2016-11-22得票数 3
我是webpack 3的新手。我在做一个我们想在图书馆里分享的项目: AppLibrary和MyLibrary。<script src="./AppLibrary.js"></script>，我只想用一个webpack命令来做这个建筑，而不是用两个命令来构建库因为我不知道怎么做，我有两个webpack.config
浏览 1提问于2017-10-19得票数 4
回答已采纳
1回答
我有webpack配置多个条目： 'js/app': ['./css/app/style.scss', './js/snippets/index.js'我不想在业力配置中硬编码所有这些路径。只需包含webpack配置，并连接从那里的所有条目：
var webpackConfig
浏览 2提问于2016-04-21得票数 3
回答已采纳
我的webpack配置有多个条目： entry: { sharingServiceWorker: '../sw/sharingServiceWorker.ts',
}, 如何在index.tsx中获取sharingServiceWorker的URL
浏览 10提问于2019-10-06得票数 0
1回答
我有一个反应项目与webpack (自己的配置)，我需要产生不同的包与不同的风格。它总是相同的应用程序，只有在它生成的每个包中，它才需要一个特定的css文件才能在包中结束。例如，在存储库中，我可能有不同的css文件： - index.js - themes theme1.css- theme2 -
浏览 3提问于2022-01-03得票数 0
回答已采纳
在配置中，我们将指定一个条目数组，如下所示： 'polyfills',]$ webpack [opts] <entry_array?> <output>
为了明确起见，我指的是一个包含模块数组而不是多个条目的条目(我理解这是可能的)。
浏览 3提问于2017-02-25得票数 2
回答已采纳
1回答
我和webpack一起打包了一个项目，以便将其作为库使用。它是一个组件库，所以我为src/ui下的每个组件生成了小的包。使用我当前的Webpack配置，例如，如果我连续运行NODE_ENV=production webpack --display-modules三次而没有更改任何代码，则Webpack的输出为：[1] external "react" 42 bytes {0} [built]
[2] external "classnames" 42 byt
浏览 18提问于2019-04-04得票数 0
我有多个条目，并希望通过使用该条目的逻辑来确定文件名。如下所示： output: { filename: getFileName(),
}, 问题是当我运行webpack配置时，该条目是未知的。
浏览 20提问于2019-09-08得票数 0
import React from "react"; 并启动应用程序以确保其使用默认配置： $ npm start 为了能够拥有多个入口点，我必须在config/webpack.config.js中采用entry的配置。,].filter(Boolean), 为了支持多个条目，我必须将其转换为关联数组/哈希表，在本例中，我使用index作为默认索引页的键
浏览 105提问于2020-11-11得票数 0
2回答
我想把我的镀铬扩展和Webpack捆绑在一起。源包含多个条目，webpack.config.js的内容如下所示： entry: { path: path.resolve(__dirname, "dist")};actions/index.js和options/index.js文件
浏览 3提问于2020-03-08得票数 2
回答已采纳
1回答
我想优化一个与webpack的wordpress网站。应用程序不是一个单一的页面应用程序，每个页面都需要自己的样式、脚本和图片。我想使用webpack尽量减少css，js和图片到位。在一个包含三个css文件的文件夹中，我想迭代每个文件并最小化它们。webpack能做这件事吗？如果是的话，如何才能做到呢？我读过关于多个切入点的文章，但这似乎不是我所需要的。谢谢!
浏览 1提问于2017-11-02得票数 0
回答已采纳
1回答
我有一个带有多个包的monorepo，其中每个包都是使用Webpack独立绑定的。在它成为monorepo之前，我只有一个捆绑包文件，并且可以通过浏览器中的全局变量通过output.library属性获得它。现在我有了以下内容，因为我有多个条目： library: "SC", libraryTargetself : this)`问题是
浏览 28提问于2019-03-07得票数 0
我试图在webpack中配置一个带有多个js入口点的插件；
每个JS包含JS功能，并以scss格式导入样式( scss文件将使用webpack的加载程序处理)我的目标是得到这样的东西已经在工作，但是如果您打开vars.js文件，生成的不正确，并且(vars.js.map)也没有生成，那么其余的文件都是完美的。我试着用不同的方法导出这个，没有什么是好的，我不是webpack的专家，我认为是关于重写(条目，输出)
浏览 5提问于2022-10-20得票数 0
对于开源网站，我正在尝试将站点更新为最新的组件(例如: webpack 4，react 16等等)。我从babel开始，它升级得很顺利。然后搬到webpack那里。我花了10多个小时尝试各种信任，直到我最终使用以下方法进行编译： * module dependencies for webpack dev configurationconst path = require('path');
const web
浏览 0提问于2018-06-17得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
