是否有任何包/库/ etc我只能导入我需要的react-virtualizationized部分?有点像lodash的https://www.npmjs.com/package/lodash.debounce?
答案 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} />