简述WebPack支持的脚本模块规范?
参考答案:
Webpack 是一个前端资源构建工具,它支持多种脚本模块规范,主要包括 CommonJS 和 ES6 模块规范。
- CommonJS 规范:这是 Node.js 默认的模块规范,每个文件都被视为一个模块,拥有自己的变量、作用域和方法。每个模块内部都会包含一个对象
module
,这个对象的exports
属性是对外的接口,每次加载这个模块都是加载这个属性中的内容。require
方法用于加载某个模块。在 Webpack 中,你可以使用require
导入 CommonJS 规范的模块。 - ES6 模块规范:这是 ECMAScript 2015(ES6)引入的模块规范,通过
import
进行模块导入,通过export
进行模块导出。这种模块规范在语言标准的层面上实现了模块功能,可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案。在 Webpack 中,你可以使用import
和export
来处理 ES6 模块的导入和导出。
这两种模块规范都可以在 Webpack 中得到支持,并且可以在同一项目中同时使用。通过 Webpack 的配置和加载器(loader),可以转换和编译各种类型的模块,将它们转换为浏览器可以识别的格式。