Node 中經過 babel 體驗 ES6 模塊化

Node 中默認支持 CommonJS 這個服務器端模塊化規範,可是對 ES6 的模塊化支持並非太友好,因此須要經過 babel 這個第三方插件在 Node 中來體驗高級的 ES6 特性,javascript

babel 至關於一個語法轉換工具,能夠把高級的、有兼容性的 Javascript 代碼轉換成爲低級的、沒有兼容性的 Javascript 代碼java

如何在 Node 中配置 babelnode

  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 同級chrome

相關文章
相關標籤/搜索