webpack 引入模块import 后面加入{}和不加大括号有什么区别

Posted lyls

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack 引入模块import 后面加入{}和不加大括号有什么区别相关的知识,希望对你有一定的参考价值。

export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export deault命令只能使用一次。所以,import命令后面才不用加大括号,相反其它的export 输出 可以有多个,且import时必须加大括号

 

也就是说,通过import xxx from "..."引入的,xxx已经是默认导出项的别名了。
import { xxx } from "..."引入的,{ xxx }只是导出项的名字,而并非导入时的名字。

以上是关于webpack 引入模块import 后面加入{}和不加大括号有什么区别的主要内容,如果未能解决你的问题,请参考以下文章

webpack-初探-import,require

webpack-初探-import,require

vue如何引入js文件

webpack 样式模块打包深入学习

webpack-是什么以及基本使用

webpack配置模块的查找范围