模块化规范

常用模块化有两种规范,commonJS和ES6

一:两者区别

模块化规范_第1张图片

二:如何转义?

我们常遇到的使用场景是,在commonJS的模块里需要引入ES6规范的模块。这时就需要把ES6模块转译为commonJS规范的模块,否则报错

转义工具有:

  1. Babel:Babel 是一个流行的 JavaScript 编译器,它可以将 ES6 模块转译为 CommonJS 模块。你可以使用 Babel 配置文件 .babelrc 或 babel.config.js 来指定转译的规则和插件。

  2. Rollup:Rollup 是一个 JavaScript 模块打包器,它也可以用于将 ES6 模块转译为 CommonJS 模块。你可以在 Rollup 配置文件 rollup.config.js 中设置相应的插件来进行转译。

  3. webpack:虽然 webpack 主要用于模块打包,但它也可以通过使用适当的 loaders(如 babel-loader)来将 ES6 模块转译为 CommonJS 模块。

  4.  ESM

你可能感兴趣的:(前端,javascript,开发语言)