express-generator 中使用babel import

最新推荐文章于 2023-06-16 15:48:16 发布

攻城狮狮

最新推荐文章于 2023-06-16 15:48:16 发布

阅读量424

点赞数

分类专栏： node js

本文链接：https://blog.csdn.net/wodebokecsdn/article/details/88580771

版权

js 同时被 2 个专栏收录

43 篇文章

订阅专栏

node

10 篇文章

订阅专栏

本文介绍如何使用Babel将ES6代码转换为ES5，以便在不支持ES6特性的环境中运行。通过在项目中设置.babelrc文件，安装必要依赖，并调整package.json启动命令，实现ES6到ES5的转换。此过程适用于Express框架项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在package.json中

"dependencies": {
    "babel": "^6.23.0",
    "babel-cli": "^6.24.1",
    "babel-core": "^6.24.0",
    "babel-preset-es2015": "^6.24.0",
    "babel-preset-stage-3": "^6.22.0",
    "babel-register": "^6.24.0",
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "express": "~4.16.0",
    "http-errors": "~1.6.2",
    "jade": "~1.11.0",
    "morgan": "~1.9.0"
  },
  "devDependencies": {
    "babel-plugin-transform-async-to-generator": "^6.24.1",
    "babel-plugin-transform-es2015-classes": "^6.24.1",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
    "babel-plugin-transform-export-extensions": "^6.22.0"
  }

在根目录建立文件夹.babelrc

内容为

{
  	"presets": ["stage-3"],
  	"plugins": [
  		"transform-async-to-generator",
        "transform-es2015-modules-commonjs",
        "transform-export-extensions"
    ]
}

启动项目的命令为 npm start 执行的文件路径为 node ./bin/www.js

现在我们在根目录建立index.js 内容为

require('babel-core/register');
require('./bin/www.js');

然后修改package.json

"start": "node ./index.js"

这样我们在执行命令 npm start 的时候就会走index,js文件从而运行了babel 将es6转化为了es5