nodejs之使用babel支持es6和pm2下使用babel

版权声明：转载请注明出处 https://blog.csdn.net/wushichao0325/article/details/85262063

步骤一：安装pm2

通过npm全局模式安装：

npm install -g pm2

步骤二：安装babel相关模块

npm install --save babel-core
npm install --save babel-preset-env或者es2015
npm install babel-cli -g

安装完成之后，务必要在根目录创建.babelrc文件，内容如下：

{
    "presets": [
     "env"或者"es2015"
    ],
    "plugins": []
}

步骤三：测试babel是否能够正常使用

1.创建一个Person.js，代码如下：

class Person{
    constructor(){
        this.name="haha"
    }
    get(){
        return this.name;
    }
}
export default Person;

2.创建一个app.js，代码如下：

import Person from './Person'
var express=require('express');
var app=express();
let person=new Person();
app.listen(4000,function(){
    console.log("开启4000服务器:",person.get())
})

3.执行app.js
使用node app.js
会抛异常：

import Person from './Person';
^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:616:28)
    at loader (E:\nvm\nvm\npm\node_modules\babel-cli\node_modules\babel-register\lib\node.js:144:5)
    at Object.require.extensions.(anonymous function) [as .js] (E:\nvm\nvm\npm\node_modules\babel-cli\node_modules\babel-register\lib\node.js:154:7)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Function.Module.runMain (module.js:693:10)
    at Object.<anonymous> (E:\nvm\nvm\npm\node_modules\babel-cli\lib\_babel-node.js:154:22)

使用babel-node app.js
正常执行：

开启4000服务器: haha

但是我们在正规部署node服务器的时候，往往会交给进程守护工具如pm2去管理我们的服务器，所以怎么让pm2去使用babel-node执行我们的服务呢

步骤四：配置pm2

1.首先使用pm2 init 命令初始化文件可得到pm2的ecosystem.config.js配置文件，编辑ecosystem.config.js配置文件如下：

module.exports = {
  /**
   * Application configuration section
   * http://pm2.keymetrics.io/docs/usage/application-declaration/
   */
  apps : [

    // First application
    {
      name      : 'API',
      script    : 'app.js',
      cwd:"./",
      log_date_format:"YYYY-MM-DD HH:mm:ss",
      out_file:"./logs/out-0.log",
      error_file:"./logs/err-0.log",
      watch:true,
      exec_interpreter:"babel-node",//此配置就是使用babel-node去执行nodejs文件
      exec_mode:"fork",
      env: {
        COMMON_VARIABLE: 'true'
      },
      env_production : {
        NODE_ENV: 'production'
      }
    }
  ]

2.然后使用pm2 start ecosystem.config.js，运行node服务。

注：
但是本人测试不加入exec_interpreter:"babel-node"时，pm2能够正常开启，只是会抛不支持import的错误；加入exec_interpreter:"babel-node"后，会直接导致pm2运行错误。
所以贴上自己的解决方式：
就是去掉pm2配置文件的exec_interpreter:"babel-node"配置，在使用pm2 start ecosystem.config.js时加入–interpreter babel-node即：
执行

pm2 start ecosystem.config.js --interpreter babel-node

虽然pm2正常启动，但是输入pm2 logs 0查看进程日志时，发现又会抛出无法识别import的错误。根据分析好像使用pm2结合babel-node启动项目时，并不会自动找到.babelrc文件。

3.解决办法
（1）再创建一个server.js文件
如下：

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

注：
需要使用pm2安装babel-polyfill模块，即：

npm install --save babel-polyfill

（2）修改ecosystem.config.js文件
将script改为‘server.js’即：

module.exports = {
  /**
   * Application configuration section
   * http://pm2.keymetrics.io/docs/usage/application-declaration/
   */
  apps : [

    // First application
    {
      name      : 'API',
      script    : 'server.js',
      cwd:"./",
      log_date_format:"YYYY-MM-DD HH:mm:ss",
      out_file:"./logs/out-0.log",
      error_file:"./logs/err-0.log",
      watch:true,
      //exec_interpreter:"babel-node",
      exec_mode:"fork",
      env: {
        COMMON_VARIABLE: 'true'
      },
      env_production : {
        NODE_ENV: 'production'
      }
    },
  ]
};

（3）使用pm2启动项目

pm2 start ecosystem.config.js --interpreter babel-node

这样就可以正常启动es6项目了。

总结

1.直接使用babel-node
使用babel-node去运行es6文件时，并不需要加入server.js文件，即并不需要引入’babel-register’和’babel-polyfill’模块，否则会抛出：

throw new Error("only one instance of babel-polyfill is allowed");
  ^

Error: only one instance of babel-polyfill is allowed
    at Object.<anonymous> (E:\WebStormProject_2\seckill\Bable_Test\node_modules\babel-polyfill\lib\index.js:10:9)
    at Module._compile (module.js:652:30)
    at Module._extensions..js (module.js:663:10)
    at require.extensions.(anonymous function) (E:\nvm\nvm\npm\node_modules\babel-cli\node_modules\babel-register\lib\node.js:152:7)
    at Object.require.extensions.(anonymous function) [as .js] (E:\WebStormProject_2\seckill\Bable_Test\node_modules\babel-register\lib\node.js:152:7)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)

意思是不能创建多个babel-polyfill实例。我们可以认为直接使用babel-node命令执行时，它会创建一个babel-polyfill实例去读取.babelrc文件。
2.使用pm2运行es6项目
除了pm2 start ecosystem.config.js --interpreter babel-node命令以外，需要引入’babel-register’和’babel-polyfill’模块，否则仍然会无法识别import等es6语法。
3.babel-polyfill 作用
因为babel只编译语法，不编译API，所以如果用到一些ES6的API需要引入该babel-polyfill模块。

例如：

Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。

举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel-polyfill，为当前环境提供一个垫片。