使用花括号import，webpack会引入所有吗？

Question

比如如下代码：//组件库import Layout from './Layout';import Page from './Page';import Amap from './Amap';import Filter from './Filter';export default{  Layout,  Page,  Amap,  Filter}//使用组件的时候import {Page} from 'components';这样我只用了Page组件，webpack会引入所有的组件吗？怎么引入方式比较好呢？

Answer 1

不会，只会加载导入的组件，肯定是用到什么，引入什么最好。但即使引入了没有使用的模块，打包时uglifyjs等插件也会将没有用到的模块给去除掉