首页 > 解决方案 > Babel 似乎没有改变任何东西

问题描述

当我尝试使用 Babel 转换我的 js 文件时,它无法正常工作。

index.js

const sum = (a,b) => 
{
  return a+b;
};

console.log(suma(1,3))

结果使用 yarn babel src/index.js --out-file public/bundle.js

bundle.js

const soma = (a, b) => {
  return a + b;
};

console.log(soma(1, 3));

捆绑包不应该是不同的吗?转换箭头函数?

babel.config.js

module.exports = {
  presets: [
    '@babel/preset-env',
    '@babel/preset-react'
  ],
}

包.json

{
  "name": "frontend",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "@babel/cli": "^7.13.16",
    "@babel/core": "^7.13.16",
    "@babel/preset-env": "^7.13.15",
    "@babel/preset-react": "^7.13.13",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "webpack": "^5.35.1",
    "webpack-cli": "^4.6.0"
  }
}

在这个过程中没有错误消息,它根本不会改变从 index 到 bundle.js 的任何东西。

标签: javascriptbabeljs

解决方案


推荐阅读