当前位置: 首页 > 知识库问答 >
问题:

webpack中使用externals?

解明辉
2023-05-15

在webpack中使用externals配置项用来避免react和react-dom被打包,然后将react和react-dom以script的方式从html中进行引入,那么dependency中还需要配置react和react-dom吗?无论需要或者不需要,请说明具体的原因以及这么做的好处。

共有2个答案

梁丘伟
2023-05-15

不需要在 dependency 继续加入 react, react-dom.

好处是如果这两个 library 的 size 是你的项目中的大头,那么可以通过 CDN 来下载加快速度。

比如下载一个大型的 bundle js 需要使用 300ms.

但是下载三个 js 文件(react, react-dom, bundle)可以并发下载,可能 100ms 即可。

富昕
2023-05-15
  1. 不需要
  2. 如果你已经打算用外部 js,那就不需要 npm 帮你管理依赖,自然也不需要
  3. 没什么特别的好处。我以前也喜欢用公共 cdn,后来发现从可靠性的角度,这么做的好处微乎其微。
 类似资料:
  • 设置和使用 使用webpack的最常见方法是通过CLI。默认情况下,运行命令会执行,这是webpack设置的配置文件。 webpack的核心概念是bundle。 bundle是一个简单的模块集合,我们定义它们如何分离的边界。 在这个项目中,我们有两个包: app 为我们的应用程序特定的客户端逻辑 第三方库的vendor 在webpack中,通过入口点配置bundle。 Webpack逐个遍历每个入

  • 本文向大家介绍webpack proxy 使用(代理的使用),包括了webpack proxy 使用(代理的使用)的使用技巧和注意事项,需要的朋友参考一下 为什么要写篇文章 这两天的开发中遇到一些需要代理才能解决的问题, 在这里记录一下, 方便以后的查阅. 为什么要用代理 跨域 在开发过程中, 我们的开发环境一般都是http:// localhost, 但是如果需要请求的数据不在本地, 那么我们就

  • 本文向大家介绍webpack中的模式(mode)使用详解,包括了webpack中的模式(mode)使用详解的使用技巧和注意事项,需要的朋友参考一下 模式(mode) 提供 mode 配置选项,告知 webpack 使用相应模式的内置优化。 用法 只在配置中提供 mode 选项: 或者从 CLI 参数中传递: 支持以下字符串值: 1.development 会将 process.env.NODE_E

  • 本文向大家介绍vue cli webpack中使用sass的方法,包括了vue cli webpack中使用sass的方法的使用技巧和注意事项,需要的朋友参考一下 1:安装依赖 2:html中 修改style 3: 使用正常sass 语法 链接:  https://vue-loader.vuejs.org/zh-cn/configurations/pre-processors.html 4:引用s

  • 问题内容: 我正在使用React / Redux / Webpack开发一个可运行的Web应用程序,现在开始将测试与Mocha集成在一起。 我遵循Redux文档中有关编写测试的说明,但是现在我的webpack别名遇到了问题。 例如,看看我的动作创建者之一的此测试的imports部分: 正如评论所暗示的那样,mocha在引用别名依赖项时无法解析我的导入语句。 因为我还是Webpack的新手,所以这是

  • 问题内容: 我正在做一个带有Webpack设置的React,并且正在努力做应该看起来很简单的事情。我希望webpack包含图像,并像使用gulp一样将其最小化,但我无法弄清楚。我只希望能够像这样在我的CSS中链接图像: 我所有的css / js / img文件夹都放在src文件夹中。Webpack输出到dist文件夹,但是我不知道如何在那里获取图像。 这是我的webpack设置: 问题答案: 我陷