es6转码和package.json中的配置

Posted 2021-03-14 跌倒的小黄瓜

在线实时转换

需要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