es6轉碼和package.json中的配置

線上實時轉換

需要babel-register
.babelrc中：

{
  "presets": [
    "es2015"
  ]
}

項目中main.js配置：

前提是安裝對應的包

require('babel-register')
require('./src/app')

自己寫的要運行的為app.js,這樣配置後會在運行main.js是自動轉為es5並執行

通過配置手動轉換

需要babel-cli

安裝babel後

運行babel src -d dist
src為自己寫的es6目錄文件，dist為轉碼後的es5文件，沒有則創建
運行node dist/app.js
這樣就可以以es5來運行自己的項目了

關於package.json中的配置

package.json:

{
  "name": "edu",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "node main.js",
    "build": "babel src -d dist",
    "prestart": "npm run build",
    "start": "node dist/app.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "bootstrap": "^3.3.7",
    "echarts": "^3.4.0",
    "ejs": "^2.5.5",
    "express": "^4.14.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.1.1",
    "nprogress": "^0.2.0"
  },
  "devDependencies": {
    "babel-cli": "^6.22.2",
    "babel-preset-es2015": "^6.22.0",
    "babel-register": "^6.22.0"
  }
}

dependencies為項目依賴文件，上線必須要安裝的

devDependencies為開發階段使用的工具，只在開發階段使用

對配置的解釋

"dev": "node main.js",
運行node run dev=node main.js

"build": "babel src -d dist",
運行npm run build=babel src -d dist

    "prestart": "npm run build",
    "start": "node dist/app.js"

運行npm start或npm run start=npm run build+node dist/app.js