创建一个支持ES6的Nodejs项目-白红宇

创建一个支持ES6的Nodejs项目

阅读量：6944 次

发布时间：2019-06-27

本文共 1405 字，大约阅读时间需要 4 分钟。

文章来自于：https://www.codementor.io/iykyvic/writing-your-nodejs-apps-using-es6-6dh0edw2o

第一步：创建项目文件夹并初始化Nodejs项目

在需要创建项目的文件夹中，创建一个子文件夹，例如nodejs-es6，然后在根目录下执行命令，只会生成package.json文件，也是最基础的内容

npm init -y

第二步：创建index.js文件

在根文件夹创建index.js文件，创建了文件，但未输入文件内容

第三步：安装npm依赖组件

在根文件夹执行以下两组命令，第一组是安装express，将来我们会用到，第二组是安装babel等，在package.json中会用到

npm install --save express

npm install --save-dev babel-cli babel-preset-es2015 rimraf

此时package.json的内容如下

{  "name": "nodejs-es6",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1"  },  "keywords": [],  "author": "",  "license": "ISC",  "dependencies": {    "express": "^4.15.3"  },  "devDependencies": {    "babel-cli": "^6.24.1",    "babel-preset-es2015": "^6.24.1",    "rimraf": "^2.6.1"  }}

View Code

第四步：创建babel配置文件

在根文件夹创建.babelrc文件，文件内容如下

{  "presets": ["es2015"]}

第五步：将babel配置加入至package.json

在package.json的scripts节点中加

"build": "rimraf dist/ && babel ./ --out-dir dist/ --ignore ./node_modules,./.babelrc,./package.json,./npm-debug.log --copy-files",   "start": "npm run build && node dist/index.js"

第六步：创建测试代码

在index.js中输入内容

import express from 'express';const app = express()app.get('/', function (req, res) {  res.send('Hello World!')})app.listen(3000, function () {  console.log('Example app listening on port 3000!')})

View Code

代码

转载于:https://www.cnblogs.com/weschen/p/7154284.html

你可能感兴趣的文章