Node.js是目前最流行的后端技术之一。它友好、稳健、维护良好,而且不会很快消失。
为了帮助你学习如何有效地使用它,在这篇文章中,我们将使用Node创建一个简单的服务器,在代码中配置Babel。
但在我们深入研究建立我们的服务器之前,让我们先了解一下什么是Babel。
什么是Babel?
Babel是一个JavaScript编译器。它是一种流行的工具,可以帮助你使用JavaScript编程语言的最新功能。
为什么在Node.js中使用Babel?
你是否曾经打开一个用Node.js/Express构建的后端Repo,而你首先看到的是ES6导入和导出语句以及其他一些很酷的ES6语法特性?
那么,Babel使这一切成为可能。请记住,Babel是一个流行的工具,可以让你使用JavaScript的最新功能。今天,许多框架都在引擎盖下使用Babel来编译他们的代码。
例如,如果没有Babel这样的编译器的帮助,Node就不能使用ES6的导入和导出语句以及ES6语法的其他一些很酷的特性。
因此,在本教程中,我将向你展示如何快速设置你的Node应用,使其与大多数ES6语法兼容。
很棒吧?让我们深入了解一下。
前提条件
本教程假定你具备以下条件。
- Node.js的基本知识
- 在你的机器上安装了Node
- 你选择的任何代码或文本编辑器
开始学习
让我们设置一个基本的Node应用程序,我们将在本教程中使用。
创建一个新的文件夹。在本教程中,我称之为node-babel。现在把这个文件夹添加到工作区,并打开你的终端。
让我们为我们的应用程序初始化并创建一个package.json文件。
npm init
这个命令将显示一些设置步骤,我们希望保持原样。因此,在整个设置过程中,按回车键或回车键就可以了。
完成后,创建一个名为 "index.js "的新文件,作为我们的入口点。
如何设置和安装Babel
现在,我们将安装Babel系列中的三个包,它们是。
@babel/cli, @babel/core and @babel/preset-env
要安装,我们使用下面的命令来安装包。
npm install --save-dev @babel/cli @babel/core @babel/preset-env
我们要使用**-save-dev**来安装它们,作为你的模块开发的依赖项。
因此,一旦你完成了安装,创建一个新的文件叫**.babelrc** ,用于配置babel。
touch .babelrc
这个文件将存放所有我们要添加到Babel的选项。所以现在,让我们使用我通常在我的应用程序中用于开发的设置。你可以复制它并添加到你的应用程序中。
{
"presets": [
["@babel/env", {
"targets": {
"node": "current"
}
}]
],
"plugins": [
"@babel/plugin-proposal-class-properties",
"@babel/plugin-proposal-object-rest-spread"
]
}
上面的配置是我用来告诉Babel的,是的,我不仅要使用我的导入和导出语句,还要使用类的功能,以及ES6的rest和spread操作符。
厉害吧?让我们继续前进。
如何建立一个简单的服务器
现在打开我们之前创建的 "index.js "文件,并添加这段代码来生成一个简单的服务器。
import http from 'http';
const server = http.createServer((req, res) => {
res.end('Hello from the server');
}).listen(4001);
console.log('Server is up and running');
export default server;
通过上面的示例代码,我们的服务器将监听4001端口,然后在我们访问该端口时向我们发送一个 "来自服务器的你好 "的响应。
Package.json脚本配置。
我们现在有了一个简单的服务器。为了运行这个,我们必须在用Node运行之前转译我们的代码。要做到这一点,打开**"package.json "**文件,添加这个构建和启动脚本。
"scripts": {
+ "build": "babel index.js -d dist",
"start": "npm run build && node dist/index.js"
}
很好 - 所以让我们用这个命令启动我们的服务器。
npm start
一旦你访问localhost:4001,你应该得到这个响应
如何使用Nodemon来监视和重启你的服务器
为了防止每当你对你的应用程序进行修改时自己重新启动服务器,我们需要安装nodemon。你可以使用这个命令将nodemon安装到你的应用程序中,将其作为一个开发依赖项。
npm install --save-dev nodemon
然后我们重新配置我们的package.json脚本。
"scripts": {
"build": "babel index.js -d dist",
"start": "npm run build && nodemon dist/index.js"
}
太棒了,现在这是我们的Node应用程序的最终代码,当你运行 "npm start "来启动你的服务器时,你应该得到什么。
正如你可以从上面的图片中看到的,我们的服务器已经启动并运行了。你现在可以使用es6语法中的导入和导出语句,以及es6提供的其他很棒的功能,如Node应用程序中的rest和spread运算符。
总结
在本教程中,我们已经学会了如何在我们的Node应用程序中使用Babel的ES6语法。
请注意,你可以在你的.babelrc文件中添加更多配置。它并不局限于我们在本教程中的内容--所以请随意调整或改变它。
你可以在这里找到示例代码:https://github.com/Veri5ied/node-babel
快乐的黑客攻击!
嗨😁!我是Alvin,一个软件工程师。我喜欢建造很棒的东西,探索新技术,以及通过指导和教程为开发者提供支持。
如果你读到这里,请发推特给作者,向他们表示你的关心。鸣谢
免费学习代码。freeCodeCamp的开源课程已经帮助超过40,000人获得开发工作。开始吧