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

原文地址:https://www.cnblogs.com/ygjzs/p/12230841.html

时间: 2024-10-27 14:12:42

es6转码和package.json中的配置的相关文章

package.json中devDependencies与dependencies的区别

前言:之前一直不懂既然都是项目的依赖,为什么要分成两个部分,devDependencies和dependencies,有什么区别? 安装方式 我们在通过npm安装插件或库时,有三种方式: npm install:将插件安装到项目,但不写package.json(不推荐,这样最终需要手动添加) npm install --save:将插件安装进项目,并写入package.json的dependencies中 npm install --save-dev:将插件安装进项目,并写入package.js

npm安装package.json中的模块依赖

1.package.json不存在时 命令:npm init可自动创建package.json文件 npm init 2.package.json存在时 直接命令:npm install 或者 npm install -–save-dev会自动将package.json中的模块安装到node-modules文件夹下 npm install -–save-dev 原文地址:https://www.cnblogs.com/konglingxi/p/9746876.html

下载了包在node_modules中,但没有在package.json中保存该包信息。

发现安装了包,但没有在package.json中保存该包信息,而且没有创建package-lock.json. 经过测试,发现是使用cnpm的原因,使用npm安装不会出现这样的问题,(与cnpm版本无关,具体原因不清楚). 要解决npm下载慢的问题,可以使用nrm切换npm的源地址. npm install nrm -g nrm ls nrm use taobao npm install **   -* 原文地址:https://www.cnblogs.com/wyc-blog/p/113927

node-npm发布包-package.json中bin的用法

前言 用过angular-cli,create-react-app这些脚手架的朋友们,不知道你们有没有好奇过,为什么安装这些脚手架后,可以使用类似ng generate之类的命令.小弟研究了以下,原来是这样的. package.json 贴一个简单的package.json { "name": "arashiquan33-node-learn", "version": "1.1.0", "description&qu

.NET Core类库项目中如何读取appsettings.json中的配置

这是一位朋友问我的问题,写篇随笔回答一下.有2种方法,一种叫丑陋的方法 —— IConfiguration ,一种叫优雅的方法 —— IOptions . 1)先看丑陋的方法 比如在 RedisClient 中需要读取 appsettings.json 中的 redis 连接字符串: { "redis": { "ConnectionString": "xxx" } } 需要在 RedisClient 的构造函数参数中添加 IConfigurati

package.json中的script选项作用

npm不仅可以用于模块管理,还可以用于执行脚本.package.json文件有一个scripts字段,可以用于指定脚本命令,供npm直接调用. 接下来做个简单测试: (1)在项目根目录下创建demo.js 接下来运行demo.js,直接运行如下 那如果将其放到script里,可以通过npm run指令来运行 (2)通过npm run指令运行 首先将其放入script字段 接下来执行 npm run demo (3)npm test与npm start 指令快捷操作,我们可以随意自定义,那向我们常

从package.json中获取属性

var pjson = require('./package.json'); console.log(pjson.version); 详见:https://stackoverflow.com/questions/9153571/is-there-a-way-to-get-version-from-package-json-in-nodejs-code

npm的package.json中文文档

http://mujiang.info/translation/npmjs/files/package.json.html https://github.com/ericdum/mujiang.info/issues/6/

package.json中的 ^与~

一.关于^ 和 ~ 转自:package.json的 ^~ 指定版本:比如1.2.2,遵循“大版本.次要版本.小版本”的格式规定,安装时只安装指定版本.波浪号(tilde)+指定版本:比如~1.2.2,表示安装1.2.x的最新版本(不低于1.2.2),但是不安装1.3.x,也就是说安装时不改变大版本号和次要版本号.插入号(caret)+指定版本:比如ˆ1.2.2,表示安装1.x.x的最新版本(不低于1.2.2),但是不安装2.x.x,也就是说安装时不改变大版本号.需要注意的是,如果大版本号为0,