babel-node / nodemon / standard / jest 的使用

前面的话

小柒的实习之旅已经过去一周,认识了许多新朋友、大佬,只有走出来,才能看到自己与别人之间的差距。接下来的时间要向前辈们多学习,提升自己。 这周做了一个小小的任务,记录任务中使用几个插件。

需求
  • 支持 es6
  • 修改代码支持热更新
babel-node

可以在 node 端自行编译并运行 es6

安装babel-node: Babel 7.x 以后,babel 的模块被被拆分。因此需要安装 @babel/core @babel/node 两个包来获取。

npm install --save-dev @babel/core @babel/node 

安装 preset-env: 仅仅安装 babel-node 是没用的,运行 js 文件依然会报错。这是因为 babel-node 对 import 语法默认是关闭的,因此要安装指定的 preset 并配置 .babelrc 文件来 开启语法支持。

npm i @babel/preset-env --save-dev

在根目录下创建.babelrc文件:

// .babelrc
{
 "presets": ["@babel/preset-env"]
}

修改 package.json 文件,使用 babel-node 启动入口文件:

 // 使用命令 npm run server 即可运行
"scripts": {
  "server": "babel-node server.js"
},

⚠️注意不应该 babel-node 在生产中使用。只能用于非打包的过程,用于生产环境打包的体积很大。

nodemon

可以监听文件的修改,可以自行启动

安装:

npm install --save-dev nodemon 

最后修改一下 package.json 的命令即可:

// 使用命令 npm run server 即可运行
"scripts": {
  "server": "nodemon --exec babel-node server.js"
},

⚠️注意:–exec 这个参数为了让 nodemon 运行非 node程序,这里后面接的 babel-node 而不是 server.js。

standard

JavaScript 代码规范,包含检查器和自动格式化工具

安装:

$ npm install standard --global // 全局

$ npm install standard --save-dev // 本地

修改 package.json 文件:

"scripts": {
    "test": "standard --fix"
  }

运行:只要不规范的代码都会指出来。

npm run test 

详细参考: JavaScript Standard Style

jest

Jest是一个JavaScript测试框架,旨在确保任意JavaScript代码的正确性。

安装:

$ npm install --save-dev jest

简单使用:

const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

toBe 与 Object.is 来测试精确相等。 如果您想要检查对象的值,使用 toEqual 代替:

test('object assignment', () => {
  const data = {one: 1};
  data['two'] = 2;
  expect(data).toEqual({one: 1, two: 2});
});

详细参考: Jest

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值