import导入

大家在写前端代码时会发现,从外部用import引入进来的文件,有的需要用{},有的不需要用,仔细想想它们还是有区别的,下面我就来告诉大家如何正确的使用{}导入模块。

首先是这种没用{}进行导入的,原因是它是用export default默认导出的,我们从外部文件引入进来的也就这一个默认的,而且它的名字可以是任意的。

不过一般我们常常就用默认导出的名字来引入进来。

接下来就是这种用{}进行导入的,它是明确声明过的然后用export导出的,并且引入时它的名字不能是任意的,要根据导出时声明过的名字一致。

还有就是组件引用的导入:

细心的人会发现,这个也是export default导出的,为什么需要用{}呢,原因是我们只想用组件库里面的这些组件,但事实上我们把整个组件库都引进来了,如果你需要按需引入,需要下载babel-plugin-import插件按需加载效果,然后就可以import Button from 'antd/lib/button'这样按需引入啦。

关于import的导入就讲这么多啦,如果大家觉得有什么不对的或者有发现其他的可以和我说哦,蟹蟹大家啦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容