Node 中通過 babel 體驗 ES6 模塊化


Node 中默認支持 CommonJS 這個服務器端模塊化規范,但是對 ES6 的模塊化支持並不是太友好,所以需要通過 babel 這個第三方插件在 Node 中來體驗高級的 ES6 特性,

babel 相當於一個語法轉換工具,可以把高級的、有兼容性的 Javascript 代碼轉換成為低級的、沒有兼容性的 Javascript 代碼

如何在 Node 中配置 babel

  1. 依次安裝 babel 相關依賴包,如下
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node   
npm install --save @babel/polyfill
  1. 在項目的根目錄下創建一個命名為 babel.config.js 的配置文件,其內容如下
const presets = [
    ["@babel/env",
      {
        targets: {
          edge: "17",
          firefox: "60",
          chrome: "67",
          safari: "11.1",
        },
        useBuiltIns: "usage",
      }],
  ];
  
module.exports = { presets };
  1. 最后在終端執行如下命令,執行代碼
npx babel-node index.js 

其中 npx 是在 高版本的 npm 中就默認提供了,可直接通過 npx 來執行某些命令
index.js 是指要運行的文件,如果文件中還沒有 index.js ,就新建 index.js,跟 babel.config.js 同級


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM