babel的使用

模块化分类

• CMD/AMD : 适用于浏览器的JavaScript的模块化
• CommonJS ： 适用于服务器的JavaScript的模块化
• ES6 ：适用于服务器和浏览器的JavaScript的模块化

babel

• 作用 ：将高级的JavaScript语言翻译成低版本的JavaScript语言 ，转译器

• babel的安装 ：

  1. npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node
  2. npm install --save @babel/polyfill
  3. 项目根目录创建文件 babel.config.js
  4. babel.config.js的代码如下

  const preset = [
      ["@babel/env",{
          <!-- 支持的浏览器 -->
          targets: {
              edge: "17",
              firefox: "60",
              chrome: "67",
              safari: "11.1"
          }
      }]
  ]
  module.exports = {presets};  
  

  5. 通过npx babel-node index.js执行代码