是否有任何"子包"用于导入反应虚拟化的部分?

时间:2017-12-01 14:46:35

标签: npm import react-virtualized

是否有任何包/库/ etc我只能导入我需要的react-virtualizationized部分?有点像lodash的https://www.npmjs.com/package/lodash.debounce

1 个答案:

答案 0 :(得分:5)

没有像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} />