腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何
拆分
webpack
的
供应商
代码
块
?
reactjs
、
webpack
多亏了
代码
拆分
,我有一个加权287kb
的
webpack
main.bundle.js,但我
的
vendor.js是5mb。当用户第一次访问网站时,他将不得不下载5.2mb,它太大了。
拆分
供应商
的
正确方式是什么,以便用户只下载运行页面所需
的
包,然后在后台预取所有剩余
的
包? 我用
的
是
webpack
4(我在等
webpack
5得到Storybook
的
支
浏览 12
提问于2021-01-23
得票数 0
2
回答
如何
编码
拆分
Webpack
4中
的
两个条目中
的
一个?
webpack
、
code-splitting
、
webpack-4
我有一个看似非常简单
的
Webpack
代码
拆分
设置,我在迁移到
Webpack
4时遇到了麻烦。我有两个条目,分别是main和preview。我想为main中
的
供应商
模块将初始
代码
拆分
成一个vendor
块
,但我希望将preview作为一个
块
。{ main: './src
浏览 0
提问于2018-03-15
得票数 3
1
回答
使用
webpack
2
拆分
“
供应商
”分块
javascript
、
webpack
、
webpack-2
、
code-splitting
、
commonschunkplugin
我有类似于官方
的
代码
拆分
配置,一切都很完美--我所有的节点模块都在“
供应商
”
块
中(包括"babel-polyfill")。但现在我需要将babel-polyfill和它
的
所有依赖项移动到单独
的
块
(“polyfill”),以便能够在我
的
供应商
捆绑包之前加载它。你知道怎么做吗?我
的
配置:entry: { main: './index.jsx'
浏览 10
提问于2017-06-27
得票数 2
回答已采纳
1
回答
将
供应商
区块合并为在
Webpack
中通过动态导入创建
的
区块
javascript
、
webpack
我和
Webpack
在一个JS项目中使用了动态导入,从动态导入创建
的
块
具有相应
的
vendors~[name].chunk.js
块
。我希望在相应
的
[name].chunk.js中包含
供应商
块
,即不将其
拆分
成自己
的
块
。
webpack
配置: module.exports = { // ...chunkFilename:
浏览 20
提问于2021-03-25
得票数 2
1
回答
如何
在
Webpack
4中
拆分
供应商
和polyfills
webpack
在
Webpack
3中,我有这样
的
配置: name: 'polyfills', }),', minChunks: module => /node_modules/.test(module.resource)这使得我可以将
供应商
从在我看来,这是有道理
的
浏览 0
提问于2018-03-22
得票数 2
1
回答
如何
在js包文件中添加哈希
代码
以进行缓存
caching
、
webpack
、
bundler
对于
webpack
的
配置,请让我知道
如何
在生成
的
js包文件中添加哈希
代码
,以缓存我
的
静态资产。提前感谢
浏览 4
提问于2020-02-24
得票数 1
1
回答
如何
为单个角分量
的
依赖项创建
webpack
块
javascript
、
angular
、
webpack
、
webpack-4
我正在构建一个角度应用程序,它包含一个依赖于我
的
node_modules中
的
库
的
单个组件。我希望为依赖项创建一个单独
的
块
,以便我
的
用户能够缓存它,因为组件可能会定期更改,但是依赖项只会每隔几周更新一次(每当它有更新时)。我在
webpack
配置中尝试过各种
拆分
,这总是导致所有的node_modules都在一个
块
中,或者组件和它
的
依赖在一个
块
中。如果
供应商
最初没有加载,那么是否有一种方
浏览 1
提问于2018-03-07
得票数 3
回答已采纳
1
回答
webpack
4码分裂与变量注入
javascript
、
webpack
、
code-splitting
、
webpack-4
、
babel-polyfill
我试图让
代码
分裂与
webpack
4一起工作(之前
的
配置与
webpack
3一起正确工作)。我创建了一个存储库来轻松地再现我
的
问题:这是我
的
webpack
配置: entry: { app: ['.在这种情况下,问题在于
浏览 0
提问于2018-04-27
得票数 1
回答已采纳
1
回答
将导入
的
供应商
文件
拆分
为
供应商
包
javascript
、
webpack
Webpack
支持将
代码
拆分
到不同
的
包中。其中一个选项是指定一组您想要选择
的
模块作为
拆分
点。取自var
webpack
= require("
webpack
"); entry: { app: ".(/* chunkName= */"vendor", /* filename= */"vendor.b
浏览 2
提问于2016-05-12
得票数 1
回答已采纳
1
回答
webpack
代码
分裂是什么意思?它是
如何
工作
的
?
javascript
、
webpack
、
code-splitting
如果我错了,请纠正我,但是
webpack
所做
的
是把你所有的文件打包成一个,然后提供给客户,以减少请求。之后,客户端仍然需要加载该文件才能使应用程序工作,因此为了使其更快,
代码
拆分
允许客户端按需加载应用程序
的
不同部分,对吗? 我不知道
如何
使用来自文档
的
下面的
代码
来实现这一点。因此,如果我将下面的
代码
放在已经加载
的
文件中,则第一个参数引用依赖项,第二个参数引用回调。这意味着我想对依赖项做
的
任何事情都必须
浏览 3
提问于2017-03-15
得票数 0
回答已采纳
1
回答
将库提取到单独
的
文件中
javascript
、
webpack
我正在尝试将库提取到一个单独
的
vendor.js文件中。entry: {<script src="/js/app.js"></script>但app
浏览 13
提问于2019-11-14
得票数 0
回答已采纳
1
回答
Webpack
4
如何
用SPA分割小块
的
代码
javascript
、
angularjs
、
webpack
、
bundle
AngularJS 1.7.2应用程序,包装
Webpack
4,使用一个入口点和一个输出包js包括在分布式html文件中。 $scope.requested = info.requested;} 现在您可以看到,
Webpack
这是用大型bundle.js文件生成
的
,用户在初次访问时下载它。我想知道
Webpack
是
浏览 0
提问于2018-12-14
得票数 1
1
回答
ReactJS -是什么使bundle.js变得更大?
javascript
、
reactjs
、
webpack
我最近在ReactJS上完成了一个项目,这个项目唯一
的
问题是它
的
生产bundle.js大小大约是30‘s,这是非常大
的
。我使用了插件来分析它,它看起来像这样地块越大,尺寸就越大。node_modules=10 MB 每个可见
的
小块几乎都是= 1MB
webpack
.base.config.js var
webpack
= require('
webpack
const merge = re
浏览 0
提问于2019-07-08
得票数 0
2
回答
动态导入:我遗漏了什么吗?
javascript
、
reactjs
、
webpack
、
dynamic-import
我有一个使用
Webpack
作为包包
的
React项目,我将我
的
包分成两个
块
--主
代码
库main.js和
供应商
包vendor.js。一个特定
的
供应商
库是225 in,似乎是
供应商
导入中最严重
的
犯罪行为。会聪明地领会我在这里要做
的
事情,把这个沉重
的
包分成它自己
的
块
,只有在需要
的
时候才会下载,但是得到
的
包是一样
浏览 3
提问于2020-05-12
得票数 1
回答已采纳
2
回答
如何
要求在编译时名称未知
的
模块?
reactjs
、
webpack
、
systemjs
、
jspm
、
webpack-2
然后,它需要从服务器中获取这些模块名称,并将它们作为框架中
的
react组件加载。我想回到
Webpack
,但我不知道
如何
实现动态组件包加载。有什么想法吗?
浏览 3
提问于2016-06-25
得票数 1
回答已采纳
1
回答
如何
使
webpack
忽略html模板中
的
链接标签?
webpack
、
webpack-5
我
的
html模板< link href=“样式/bootstrap.min.css”rel=“样式表”>中有一个链接标记。我将动态地修改它,根据用户首选项
的
不同,指向样式/bootstrap.rtl.min.css。这两个css都是使用CopyWebpackPlugin复制
的
。有什么办法阻止
webpack
5处理这个链接标签吗?
浏览 9
提问于2022-01-11
得票数 -1
1
回答
我们可以根据路由划分节点模块库吗?
javascript
、
reactjs
、
webpack
、
micro-frontend
、
react-loadable
我们有网站上
的
反应和做
代码
分裂使用可下载,和所有
webpack
优化。有一点是关于我们使用70个npm库
的
问题,它导致了一个大
的
供应商
块
,我们用splitChunks
webpack
分裂了它。如果我们有一个页面,它只使用了70个库中
的
10个,但是
webpack
同时以
供应商
反应和
供应商
所有等
的
形式加载了所有的库。有没有办法在路由
的
基础上
拆分<
浏览 4
提问于2021-06-23
得票数 3
1
回答
如何
防止业力-
webpack
创建
供应商
代码
源图?
webpack
、
karma-runner
、
source-maps
、
karma-webpack
考虑到我没有分割/分块我
的
应用程序和
供应商
代码
,每个测试文件都得到相同
的
供应商
源图(内联)。因此,我发现插件可以自动将我
的
应用程序和
供应商
代码
分割成不同
的
块
(而不必手动列出每个
供应商
模块)。我非常肯定,这是因为Karma没有意识到
供应商
代码
和应用程序
代码
被分割成不同
的
块
,因此只包括配置了files选项
浏览 1
提问于2016-12-21
得票数 1
回答已采纳
1
回答
在
webpack
中,我只能在一个入口捆绑包中使用commonchunks插件
javascript
、
webpack
我有一个有2个捆绑包
的
应用程序,react等常用模块被提取到一个
供应商
捆绑包中。我正在添加第三个包,我不想从中提取公共依赖项。这有没有可能。这个问题与相关,但是这是关于为每个入口点创建多个
供应商
捆绑包,而我希望其中一个捆绑包不需要
供应商
。在我
的
例子中,这是因为脚本是一个简单
的
站点验证脚本,它被设置在头部中,因此将在vendor捆绑包之前设置。但是,我仍然希望能够使用此head包中
的
模块。const
webpack
= require('<em
浏览 18
提问于2017-02-16
得票数 0
1
回答
Webpack
2迁移破坏了ES6模块导入
reactjs
、
webpack
、
babeljs
因此,我最近在一个React应用程序上升级到了“
webpack
2”。它开箱即用,除了版本号之外,我没有改变任何东西!太棒了。然而,现在我试图让它为我捆绑我
的
ES6模块(导入、导出等),而巴别塔和
webpack
似乎在一起玩得不好。为了实现这一点,我所做
的
唯一更改是将我
的
.babelrc从以下位置更改: "presets": ["es2015", "stage-1", "react"], "plugins&
浏览 0
提问于2016-12-03
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
入行Web前端的难点是什么 如何正确拆分JS代码
AIScratch如何将多个程序块的代码赋给一个变量
webpack 4 配置实践
图解 VueLoader : .vue 文件是如何被打包的?
Vue+webpack工程化构建
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券