常用模块化有两种规范,commonJS和ES6
一:两者区别
二:如何转义?
我们常遇到的使用场景是,在commonJS的模块里需要引入ES6规范的模块。这时就需要把ES6模块转译为commonJS规范的模块,否则报错
转义工具有:
-
Babel:Babel 是一个流行的 JavaScript 编译器,它可以将 ES6 模块转译为 CommonJS 模块。你可以使用 Babel 配置文件
.babelrc
或babel.config.js
来指定转译的规则和插件。 -
Rollup:Rollup 是一个 JavaScript 模块打包器,它也可以用于将 ES6 模块转译为 CommonJS 模块。你可以在 Rollup 配置文件
rollup.config.js
中设置相应的插件来进行转译。 -
webpack:虽然 webpack 主要用于模块打包,但它也可以通过使用适当的 loaders(如 babel-loader)来将 ES6 模块转译为 CommonJS 模块。
-
ESM