为什么我在react项目中设置代码拆分，但没有生成异步块文件

文章/答案/技术大牛

发布

1回答

javascript、reactjs、webpack

正如我所说的，我使用webpack4.0，使用官方的延迟加载方法在我自己的反应式项目中进行代码分区，以实现延迟加载，但在我打包后，我一直无法导出结果块文件。发生了什么？请帮帮我，这是我的配置代码。hot: true, }; console.log(webpackConfig);};

浏览 11提问于2019-03-09得票数 0

2回答

React代码拆分: ChunkLoadError:加载区块0失败

reactjs、webpack、code-splitting

我试图在我的项目中引入代码拆分，但我遇到了让它工作的问题。我得到的错误是：我有一个monorepo设置和一个lib/工作区，其中包含我正在创建的整个react库，还有一个demo/工作区，用于导入并显示react模块，用于测试目的。我认为问题是这两个是如何交互的，以及块在哪里输出或其他什么，但无法弄清楚。我

浏览 1提问于2020-02-21得票数 3

回答已采纳

2回答

使用创建反应应用程序代码分离CSS文件而不弹出

css、reactjs、webpack、create-react-app

由于我的应用程序变得太大，不能不这么做，我正在使用react-loadable来利用代码分裂。这一切都是可行的，但是CSS嵌入到这些新的JavaScript块中，然后似乎动态地加载到页面中。我希望这些块中的CSS位于单独的文件中，而不是在JS文件本身中。我能做到这一点而不用自己弹出和修改Webpack配置吗？如果可能的话，我很想避免这样做。编辑：，我刚刚弹出以查看Webpack的实

浏览 1提问于2019-03-13得票数 5

3回答

如何全局禁用react-hooks/exhaustive deps eslint警告？

reactjs、react-hooks、eslint

我知道我可以禁用该文件或禁用该行，但我现在想要全局地这样做，这样我就不必在每次想要使用useEffect作为componentDidMount()时都写入它。我试过了： { // ... ], // ..."react-hooks&#

浏览 369提问于2020-09-20得票数 4

1回答

最近，我将Webpack的配置从版本1移到了版本4。应用程序是一个ReactJS项目，它内部使用来获得代码分裂。虽然我无法用webpackChunkName的神奇评论来控制块名(这条评论本身由于webpack不支持而被忽略了)，但一切都很完美。这是令人惊奇和顺利的工作，但我没有找到一种方法来自定义这些块生成的CSS名称，因为我得到了类似于6.927654d0493ed4acf802.css。在我的

浏览 0提问于2018-07-09得票数 2

1回答

拆分块要求将所有文件加载到索引文件中

javascript、reactjs、webpack

我一直在使用这篇文章中的一些代码，关于与webpack的区块拆分。使用下面的Webpack中的optimization设置，我可以将捆绑包拆分为多个块。我所期望的是有一个可以包含在我的index.html文件中的主bundle文件，它将加载到其余的块中，但这不起作用。<body> <div id="root&q

浏览 15提问于2020-07-18得票数 2

2回答

对具有不同组件的多个节/视图进行异步加载

javascript、angularjs、reactjs

我有一个问题，考虑如何最好的方式架构一个多页/多视图的反应应用程序(仍然是一个SAP)。这似乎是非常错误的，因为我们将在

浏览 4提问于2014-12-10得票数 5

回答已采纳

1回答

ServiceWorker脱机-在classNames中没有classNames

javascript、reactjs、caching、service-worker、workbox

我一直在使用Workbox在React 16项目中实现缓存。它似乎在缓存某些内容，因为页面仍在offline模式下呈现。但我似乎不明白，为什么我的缓存版本没有在元素上包含任何classNames。正常版本：缓存版本此外，预取似乎也是正确的：我通过Webpack使用以下代码块实现了工作框： new workboxPlugin

浏览 1提问于2017-09-30得票数 1

回答已采纳

1回答

在函数中获取blob已下载状态

javascript、node.js、reactjs

我在服务器NodeJS端生成一个excel文件，应React前端的请求。我可以使用什么类型的事件或promise来验证blob下载过程是否已完成？当文件正在下载时，我需要这个状态来设置一个按钮元素的加载状态。<code>A0</code>若要在异步块中返回false，请使用<code&

浏览 21提问于2021-06-15得票数 0

回答已采纳

2回答

是否可以向javascript注释中注入变量值？

javascript、webpack、comments、react-lazy-load

TL;DR:是否可以在注释中注入常量变量(在运行时不会更改)const MyComponent = lazy(() => import('./MyComponent' &#

浏览 40提问于2022-02-04得票数 2

回答已采纳

1回答

具有动态代码分割的自动供应商块

javascript、reactjs、webpack、code-splitting、commonschunkplugin

所有这些依赖项都绑定到一个app.js文件中，该文件总是最初加载的。这些附加块是由webpack自动生成的，因为import()调用分布在整个应用程序代码中。当一个新用户加载应用程序而没有登录时，将加载app.js，并向用户显示一个登录掩码。用户成功登录并重定向到主仪表板后，将异步加载仪表板的代码。这段代码由webpack自动构建到一个app.js块中，它还依赖于已经放入app.

浏览 2提问于2017-04-27得票数 1

1回答

如何最小化react应用的捆绑包大小？

reactjs、webpack

我正在使用create-react-app工具链开始。一切都很好，但它的构建规模有点过大。在我的应用程序中，有8个组件和2个小上下文，总大小为60kb。所以我的src文件夹中的所有代码都是60kb。但是使用npm run build，它生成了900KB的应用程序块。然后我在youtube上看到了一段视频，视频中这个家伙使用了webpack的配置将他的700kb的数据块减少到了100kb。他

浏览 17提问于2021-03-23得票数 1

4回答

Webpack模块联邦不使用急切的共享库

javascript、reactjs、webpack、webpack-5、webpack-module-federation

我正在研究Webpack 5模块的联邦功能，并遇到一些问题，为什么我的代码不能工作。和react-dom声明为它们在weback.config.js中共享的、单独的、迫切的依赖项module.exports = { }), ],在App1 index.js中，我

浏览 1提问于2021-02-10得票数 12

回答已采纳

1回答

如何才能通过vue-i18n加载我真正需要的语言文件？

javascript、vue.js、webpack、vue-i18n

/locale目录中的每个.json文件绑定到新块中。在运行时，当计算变量语言时，任何文件(如english.json或german.json )都可供使用。所以所有的语言文件都被加载了。对我来说，这是浪费带宽。当然，您可以预先加载默认语言，并希望大多数用户使用默认语言，因此您根本不使用这种语言。但是，即使用户不想用英语查看应用程序，以默认方式加载所有英文消息难道不是很愚蠢吗？第二:推荐的方法是将所有翻译放到一个语言文件中。这也是浪费带宽。一个巨大的应用程序有成千上万的

浏览 6提问于2021-04-20得票数 3

回答已采纳

3回答

在角2中使用Sass

css、angular、sass

我正在尝试在我的Sass项目中设置Angular 2。据我所知，有两种方法可以创建一个角2项目我引用了中提到的答案&我可以在Range2项目中成功地使用scss文件，一切都很好，但是我无法从项目文件夹中的scss文件中找到生成的css文件。有人

浏览 5提问于2017-02-24得票数 25

回答已采纳

2回答

Visual studio不会使用.inl实现编译模板类*

c++、visual-studio、templates、visual-c++、compiler-errors

我正在阅读一本关于SFML游戏开发的书，但我被困在第二章，因为我不能编译我刚刚写的代码。#pragma once#include <memory> #include &

浏览 1提问于2013-07-26得票数 3

1回答

JUCE iOS构建没有目标

ios、juce

我有一个VST插件的代码，并需要将其中的一些移植到iOS应用程序。在这个最新的JUCE更新之后，Xcode会给出相同的错误，直到我更新了JUCE文件本身，所以我认为新版本的JUCE构建设

浏览 1提问于2016-04-29得票数 2

1回答

React / Webpack / TypeScript -未动态导入的组件

javascript、reactjs、typescript、webpack、code-splitting

我让动态导入在node_modules上工作得很好，但是我不能让它在React组件上工作。这些被编译到依赖于它们的文件中。{ "allowSyntheticDefaultImports":

浏览 1提问于2018-11-23得票数 0

3回答

是否可以将Eclipse配置为禁用派生源文件的警告？

java、eclipse、derived

我正在使用ANTLR生成Java源文件。我可以让Eclipse理解生成的文件是派生的，但它仍然会警告我一些无害的东西(例如，不必要的导入等)。我想将Eclipse配置为在显示警告时忽略派生文件。

浏览 2提问于2009-11-25得票数 9

回答已采纳

2回答

在Resharper分析中忽略设计器和生成的文件

.net、visual-studio、resharper

我使用Resharper已经有几天了，我真的很喜欢这个工具，但有一件事让我很恼火，我想知道它是否可以改变。我从生成的代码中收到了很多问题通知(在我的项目中几乎有1400个)。我希望将这些文件设置为忽略，这样就不会像StyleCop和CodeAnalysis那样检查它们。不幸的是，Resharper似乎忽略了选项中的生成代码<e

浏览 4提问于2010-06-09得票数 5

回答已采纳

点击加载更多