es6轉碼和package.json中的配置

在線實時轉換

須要babel-register
.babelrc中:javascript

{
  "presets": [
    "es2015"
  ]
}

項目中main.js配置:java

前提是安裝對應的包node

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

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

經過配置手動轉換

須要babel-clies6

安裝babel後express

運行babel src -d dist
src爲本身寫的es6目錄文件,dist爲轉碼後的es5文件,沒有則建立
運行node dist/app.js
這樣就能夠以es5來運行本身的項目了npm

關於package.json中的配置

package.json: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爲項目依賴文件,上線必需要安裝的bootstrap

devDependencies爲開發階段使用的工具,只在開發階段使用babel

對配置的解釋

"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 startnpm run start=npm run build+node dist/app.js

相關文章
相關標籤/搜索