-
3 votesanswersviews
在React中实现嵌套的异步路由获取
是否可以使用 System.import 实现嵌套的异步路由获取,因此应用程序只分为几个合理的块,而不是许多小块? 背景 我正在我的React应用程序中实现bundle拆分 . 最初我实现了bundle-loader(我无法在所有情况下工作),然后使用System.import,我发现它的行为更加可预测 . 问题 代码拆分在逐个路由的基础上工作得很好,但是,它产生了许多小包,并且额外的包和获取的开... -
0 votesanswersviews
从Webpack 4中的React组件控制CSS块名称
我最近将Webpack配置从版本1移到了版本4 . 该应用程序是一个ReactJS项目,它在内部使用react-loadable来获取代码分割 . 由于旧的 babel-plugin-dynamic-import-webpack ,我也可以在webpack 1上使用它 . 一切都运行得很好,虽然我没办法用webpackChunkName魔术注释来控制块名(注释本身被忽略,因为webpack不支持)... -
6 votesanswersviews
React可加载JSON映射文件,其中包含从多个位置引用的组件
我正在使用React Loadable代码拆分我的组件,但问题是某些组件是从多个位置引用的 . 例如,我有这个组件 CarsModule ,它在多个区域引用,如下所示: const CarsModule = Loadable({ loader: () => import(/* webpackChunkName: "CarsModule" */ '../componen... -
4 votesanswersviews
Webpack 4 Split Chunks条款
我理解在webpack上完成的伟大工作4.特别是重写代码拆分插件 . 但是,由于它仍然有点新,我没有找到关于新SplitChunksPlugin的好文档 . 我挣扎着所选术语的含义 . 例如: chunks :有3个可能的值"initial","async"和"all" . 这是什么意思?初始块是条目?异步动态导入?一切都是最初的异步?如... -
0 votesanswersviews
反应路由器|组件未被渲染
我有一个有多条路线的SPA . 我正在尝试使用Webpack 2和React Router 4实现基于路由的Code Splitting . 我能够根据路由创建不同的块 . 例如,对于主页我有一个 vendor.js , main.js 和 home.js . 所有三个文件都已成功加载,但我没有看到任何输出 . 正在渲染 null . 以下是React开发人员工具和使用的代码的屏幕截图 . 我... -
4 votesanswersviews
未捕获的错误:使用JavaScript的动态导入时无法找到模块
我正在使用Create-React-App,我希望使用webpack 2.0支持的动态import()来导入基于变量字符串的模块 . 我查看了官方提案(https://github.com/tc39/proposal-dynamic-import),似乎可以这样做: import(`./language-packs/${navigator.language}.js`) 但是当我尝试类似的东西时,... -
0 votesanswersviews
使用React Loadable在HOC中包含的代码拆分路径组件
我正在使用React Loadable使用Webpack 3.11进行基于路由的代码拆分时遇到问题 . 当我尝试在服务器上呈现我的应用程序时,我的异步模块会立即解析而无需等待承诺 . 因此SSR输出变为 <div id="root"></div> . App.js: const App = () => ( <Switch> ... -
1 votesanswersviews
react-loadable - 对象作为React子节点无效
我正在尝试使用反应加载来实现延迟加载组件 . 我跟着他们的导游,但我无法让它工作 . 我有3个可加载的组件 const LazyOne = Loadable({ loader: () => import(/* webpackChunkName: 'lazy-1' */"./components/LazyOne"), loading: <h1>wait&... -
4 votesanswersviews
防止服务器渲染的反应组件的安装/初始渲染
我正在使用类似于react-snap的自定义工具在构建时创建我的应用程序的快照,如recommended in the create-react-app docs . 这会生成一个静态服务器呈现版本,我可以在nginx后面部署,而无需在服务器上运行react . 这很好用 . 我还使用代码分割来懒洋洋地加载一些组件以减少初始的JS有效负载 . (我使用react-loadable,但我愿意在需要... -
3 votesanswersviews
如何使用react-router v4“staticContext”处理异步路由?
在我的反应SSR项目中实现异步路由(我使用loadable-components)之后 . 我发现 staticContext 不起作用 . 如果我使用静态路由组件而不是异步组件, staticContext 将按预期工作 . 有什么建议吗? 这是我的 NotFound 页面: import React from 'react'; import Helmet from 'react-helmet'... -
0 votesanswersviews
如何在没有使用SSR和RR4导入Webpack的情况下加载异步反应组件
我一直在寻找一个很好的解决方案,可以在匹配的路由上按需加载异步响应组件,而无需Webpack导入,System.import,require.ensure,... 我想 avoid Webpack footprints in client-side code . 在服务器上,我获取所有路由并将匹配的位置呈现为静态HTML / JS . 像经典的SSR一样 . 我的解决方案是: 使用Webpa...