当前位置:首页 > Web开发 > 正文

标签: 在线实时转换 需要babel-register .babelrc中: { presets: [es2015 ]

2024-03-31 Web开发

标签:

在线实时转换

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

es6转码和package.json中的配置

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31045.html