不要在webpack构建中包含JS库(假设它将包含在脚本标记中)
在webpack构建中不包含JS库是为了减小构建文件的体积和提高加载速度。当JS库被包含在脚本标记中时，浏览器会立即下载并执行它，导致额外的网络请求和执行时间。为了优化这个问题，可以采取以下措施：
- 懒加载：将JS库的加载延迟到页面上需要使用它的时候再进行加载。可以通过使用动态import或按需加载的方式，根据需要异步加载JS库。
- CDN引入：将JS库托管在CDN（内容分发网络）上，使用CDN引入可以加快加载速度并减轻服务器的负载。
- 外部引用：如果JS库已经在其他地方被引入，可以直接在webpack构建中排除它，避免重复加载。
- 代码拆分：通过webpack的代码拆分功能，将JS库与应用程序的代码分割成独立的块，按需加载。
在实际应用中，有许多常见的JS库，例如jQuery、React、Vue等。对于这些JS库，我们可以采用上述优化策略来减小构建文件的体积和提高加载速度。
腾讯云相关产品：腾讯云CDN（内容分发网络）
- 链接：https://cloud.tencent.com/product/cdn
腾讯云CDN是一项用于提高内容传输效率和用户访问响应速度的分布式部署服务。通过使用CDN，可以将JS库托管在全球各地的节点上，减少用户请求的延迟并提高内容的传输速度。
希望以上回答能满足您的要求。
相关·内容
我正在使用一个大型的库(大约1MB)和webpack一起进行构建。这个库只是正常使用-它在package.json的dependencies中，在我的代码中的某个地方，我用import from <lib_name> (这是Typescript)导入它。因此，现在，当我运行一个webpack build时，最终结果bundle.js包含所有(或大多数？不确定实际上，webpack对库的代码进行了多少裁剪)
浏览 10提问于2021-01-27得票数 1
回答已采纳
将Angular Cli从SystemJs切换到Webpack后，我不确定如何包含JS文件(供应商)。选项A <script src="vendor/some_package/somejs.js">选项B
将这些js文件<em
浏览 62提问于2016-08-10得票数 87
回答已采纳
假设我有一个包含以下内容的cljs文件：(defn add [x y]并希望将其作为JavaScript库提供给非ClojureScript开发人员(主要集中在node.js上)。我可以这样做：但问题是，输出是面向谷歌闭包的模块系统(例如goog.require)。它似乎是面向独立的、完整的节点应用程序，而不是库。
我知道ClojureScript在它自己的子模块中使用了谷歌闭包</em
浏览 25提问于2018-10-19得票数 5
回答已采纳
Rails 6默认使用webpacker： <%= javascript_pack_tag 'file_name' %>，它将从./app/javascript/packs将file_name.js加载到资产管道中。
但是我不想这样。我想使用好的ol‘day html <script src="/assets/file_name.js">
浏览 0提问于2020-09-16得票数 0
2回答
我正在建立一个项目(打字稿，webpack)，与几个js库，配置为外部webpack。它们不应该是包的一部分，而应该由html中的脚本标记提供。
当试图将fabric js库设置为(类型记录+ webpack )项目中的外部库时，会发生错误。面
浏览 5提问于2020-08-27得票数 0
回答已采纳
我正在为浏览器(JS，CSS)编写一个到目前为止都是无依赖的库。现在我至少有一个依赖项，我正在考虑是否要在构建中包含deps。
假设我的用户使用CDN -当然，我的库的精简文件应该包含依赖项。但是，像webpack这样的模块捆绑器又如何呢？如果有人require/imports库，package.json应该指向src条目还是缩小的文件？模块捆绑包不会安装并包含依赖项吗，
浏览 0提问于2016-12-22得票数 3
1回答
我正在用Webpack写一个Angular应用程序。我有一个user profile JavaScript对象，为了提高性能，我想通过内联脚本将它作为模板放到索引页面中，这样客户端就不会发出另一个请求，从而延迟页面加载的其余部分。有没有办法做到这一点，webpack？或者我坚持声明它是一个全局的？<html>...要在您的应用程序中依赖这一点，您可以简单地执行以下操作
defin
浏览 4提问于2015-12-17得票数 1
1回答
我正在开发一个既可以在Node.js中使用又可以在浏览器中使用的库。这个库是用打字机写的。 这个库有一个浏览器版本，使用的是webpack。使用Webpack时，会覆盖多个文件。例如，它将使用基于浏览器的Base64应用程序接口，而不是使用Node.js缓冲区，这将极大地缩小库大小。base64.web.js 默认情况下，将使用第一个base64，但webpack将首选.web.js</em
浏览 9提问于2019-09-11得票数 2
在我的PHP项目中，我正在尝试使用webpack和babel构建我的js文件。有3个js文件- config.js helper.js script.js。他们相互依赖。require.extensions, require.main, etc. } }所有操作都很好，除非我在项目中添加了构建的脚本文件我的主要js文件是script.js，它有两个依赖项
浏览 3提问于2018-10-01得票数 5
我与webpack一起使用默认的PDFJS库，并在本教程的基础上完成了一些工作：entry: {}, path: path.join(__dirname, 'dist'),}<e
浏览 0提问于2018-01-18得票数 0
回答已采纳
1回答
] due to filter rules.
events.jsENOENT, no such file or directory '{/Users/Shared/java/projects/react/msa/react-project/.tmp/react.js,/Users/Sh
浏览 2提问于2014-12-26得票数 2
回答已采纳
我已经阅读了快速入门指南，对Webpack的工作原理有了大致的了解，但我不清楚如何加载像jquery / like / underscore这样的依赖库。它们是否应该用<script>从外部加载，或者这是不是像RequireJS的填充程序一样，是Webpack可以处理的？
浏览 1提问于2014-04-26得票数 86
回答已采纳
我使用节点来管理对React应用程序的依赖关系，在那些使用package.json跟踪库并使用ES6导入模块语法在脚本中使用它们的应用程序中。但是现在我正在开发一个遗留代码库，它使用了一堆jQuery插件(手动下载并放在一个"libs“文件夹中)，并使用脚本标记将它们直接链接到标记中。
通过npm安装所有插件，并在package.json<em
浏览 1提问于2019-01-30得票数 8
回答已采纳
为了简化起见，假设内部有三个不言自明的包：server、webapp客户端和library。关键的区别在于，webapp包的传递溢出是通过webpack完成的，而server使用的是一个gulp任务，该任务通过gulp-babel包触发脚本传递。library在构建web时会自动转换。正如您可以想象的那样，如果项目包含正在积极开发的多个库(确实如此)，这将很快成为问题，因为所有这些库都需要构建，包括任何依赖的包(比如
浏览 0提问于2018-09-23得票数 1
当纯粹用作js库时，同样的模块也需要工作，js库可以包含在页面的<script>标记中。此模块依赖于uuid模块，其中包含用于检查其是否在浏览器或服务器上下文中运行的逻辑，并使用在该上下文中可用的适当随机数生成器/加密库。如果我没有在我的webpack配置中指定目标，那么该捆绑包在客户端浏览器中工作得很好。它包含了webpack浏览器的逻辑就
浏览 1提问于2021-03-17得票数 0
HTML引入了各种脚本，如下所示：<script src="js/waypoints.min.js"></script>var icheckJs = require('../js<
浏览 4提问于2015-12-23得票数 25
我正在尝试修复一个Rails 6+的Webpack应用程序中的一些控制台错误，即使在更改之后我重新启动了服务器，更改似乎也没有保存。<anonymous> (datatables.js:32) at HTMLDocument.elemData.handle(jquery.js:4408) at r.p
浏览 20提问于2019-09-16得票数 0
回答已采纳
在tac游戏( )中，index.html文件有一些事件处理程序和一个指向id=root的div。但是没有关于index.js文件的任何内容，它有一个ReactDOM.render。如果没有加载标记，是什么告诉浏览器运行index.js代码？我们的配置指定Webpack使用src/index.js作为“入口点”。这是它读取的第一个模块，然后从它到其他模块，将它们编译成一个包。当webpack编译这些资产时，它会生成一
浏览 3提问于2021-12-25得票数 0
回答已采纳
我们正在使用来自的标准库，这似乎就是问题所在--它不包括IAM模块。
有办法让SDK加载IAM模块吗？或者用另一种方法来加载IAM模块？
浏览 12提问于2015-06-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
