📜  babel, babel nodejs, config babel, - Javascript 代码示例

📅  最后修改于: 2022-03-11 15:04:11.148000             🧑  作者: Mango

代码示例2
// yarn add @babel/cli @babel/core @babel/node @babel/plugin-transform-runtime @babel/preset-env --dev
// yarn add @babel/runtime 
"dependencies": {
    "@babel/runtime": "^7.15.4" //a package to be installed production dependency to avoid duplication across your compiled output.
  },
  "devDependencies": {
    "@babel/cli": "^7.15.7", // A built-in CLI which can be used to compile files from the command line/terminal.
    "@babel/core": "^7.15.5", // a fundamental package to run any babel setup/configuration
    "@babel/node": "^7.15.4", //babel-node is a CLI that works the same as the Node.js CLI, with the added benefit of compiling with Babel presets and plugins before running it.
    "@babel/plugin-transform-runtime": "^7.15.0", // A plugin that enables the re-use of Babel's injected helper code to save on code size.
    "@babel/preset-env": "^7.15.6" //  is a smart preset that allows you to use the latest JavaScript without needing to micromanage which syntax transforms (and optionally, browser polyfills) are needed by your target environment(s).
  }

// package.json
"scripts": {
    "start": "yarn run build && node ./build/src/index.js",
    "start:dev": "/node_modules/.bin/babel-node ./src/index.js",
    "clean": "rm -rf build && mkdir build",
    "build-babel": "babel ./src -d ./build/src",
    "build": "yarn run clean && yarn run build-babel"
  }

// .babelrc
{
  "presets": ["@babel/preset-env"],
  "plugins": [
    ["@babel/plugin-transform-runtime"]
  ]
}