是否有 "sub packages" 用于导入 react-virtualized 的部分？

Question

有没有 packages/libraries/etc 我可以只导入我需要的 react-virtualized 部分的地方？有点像 lodash 的 https://www.npmjs.com/package/lodash.debounce？

Answer 1

没有像 Lodash 那样单独发布的模块。如果我转移到像 Yarn 工作区这样的东西，那是我在某个时候考虑过的事情，但是我维护这个项目的时间非常有限，而且它对我来说不是一个足够高的优先级。

目前，the "Getting Started" docs推荐以下技术：

// But if you only use a few react-virtualized components,
// And you're concerned about increasing your application's bundle size,
// You can directly import only the components you need, like so:
import AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer'
import List from 'react-virtualized/dist/commonjs/List'

如果上面的语法看起来太繁琐或者你在很多地方引入了RV，你也可以配置一个Webpack别名。例如，类似于：

// webpack.config.js
alias: {
  'react-virtualized/list': 'react-virtualized/dist/es/List',
},

然后你可以像这样导入：

import List from 'react-virtualized/list';

<List {...props} />

是否有 "sub packages" 用于导入 react-virtualized 的部分？

Are there any "sub packages" for importing parts of react-virtualized?

npm

import

react-virtualized