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

问题描述

问 题

比如如下代码：

//组件库
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会引入所有的组件吗？怎么引入方式比较好呢？

解决方案

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

这篇关于javascript - 使用花括号import，webpack会引入所有吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！