美文网首页
创建支持ES6的NodeJS项目

创建支持ES6的NodeJS项目

作者: Jerome_e7ec | 来源:发表于2018-06-14 09:18 被阅读0次
  1. 新建一个空的文件夹,在根目录执行:npm init -y。会生成一个package.json文件

  2. 安装依赖

安装express: npm install --save express

安装babel转码编译:npm install --save-dev babel-register babel-preset-env

  1. 在文件根目录创建.babelrc文件,内容如下:
{
    "presets": [
        ["env", {
            "targets": {//只转码当前不支持语法
            "node": "current"
            }
        }]
    ]
}
  1. 新建一个app文件夹
  2. 新建 app.js内容如下:
import Express from 'express'

let app = Express()

app.get('/', (req, res) => {
  res.send('hello world')
})

app.listen(8080, () => console.log('server is running at http://localhost:8080'))

这样还是不能直接运行的,必须要经过转码后才可执行!新建index.js文件作为主入口:

require('babel-register');
require('./app.js')

编写代码后执行:

node index.js

发布时

因为babel-register是实时转码的,所以实际发布时,应该先转码整个app文件

安装依赖 npm install -g babel-cli

转码 babel app -d dist

这次只需要启动dist目录下的app.js即可

相关文章

  • 创建支持ES6的NodeJS项目

    新建一个空的文件夹,在根目录执行:npm init -y。会生成一个package.json文件 安装依赖 安装e...

  • 如何在NodeJS项目中优雅的使用ES6

    如何在NodeJS项目中优雅的使用ES6 NodeJs最近的版本都开始支持ES6(ES2015)的新特性了,设置已...

  • ES6 in NodeJS 5.x

    NodeJS 升级到5.x了, 对ES6的支持提高了很多, 详情见 ECMAScript 2015 (ES6)支持...

  • es6 babel

    NodeJS只支持部分ES6的语法,有些ES6语法还不支持,而import语法就是其中一个 改为require, ...

  • es6

    支持情况 nodejs几乎完全支持es6的语法 chrome下可以使用小部分的es6, 需要使用严格模式, 'us...

  • nodejs支持ES6

    一、添加npm包 二、添加.babelrc文件 创建 .babelrc 文件于项目根目录 文件内容如下:{ "p...

  • nodejs构建前端界面的过程

    [TOC] nodejs构建前端界面 @(IT技术)[nodejs,前端] 项目名称: lastic 1. 创建...

  • 2-2、项目目录创建

    用代码创建这个项目。mkdir es6 创建根目录,es6、 cd es6/ 进入这个目录 创建3个板块,第一个板...

  • VScode 自动编译TypeScript的方式

    1、首先进入nodejs里安装typescript 2、创建相应的项目目录,打开nodejs 进入当前项目目录 例...

  • D1 --- 初始项目和静态页面

    DAY 1 前端项目创建 路由 layout 静态页面 地址 主页 代码 项目创建 1 安装nodejs(npm)...

网友评论

      本文标题:创建支持ES6的NodeJS项目

      本文链接:https://www.haomeiwen.com/subject/xlyeeftx.html