須要babel-register
.babelrc中:javascript
{ "presets": [ "es2015" ] }
項目中main.js配置:java
前提是安裝對應的包node
require('babel-register') require('./src/app')
本身寫的要運行的爲app.js,這樣配置後會在運行main.js是自動轉爲es5並執行jquery
須要babel-cli
es6
安裝babel後express
運行babel src -d dist
src爲本身寫的es6目錄文件,dist爲轉碼後的es5文件,沒有則建立
運行node dist/app.js
這樣就能夠以es5來運行本身的項目了npm
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 start
或npm run start
=npm run build
+node dist/app.js