小柒的实习之旅已经过去一周,认识了许多新朋友、大佬,只有走出来,才能看到自己与别人之间的差距。接下来的时间要向前辈们多学习,提升自己。 这周做了一个小小的任务,记录任务中使用几个插件。
可以在 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 在生产中使用。只能用于非打包的过程,用于生产环境打包的体积很大。
可以监听文件的修改,可以自行启动。
安装:
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。
JavaScript 代码规范,包含检查器和自动格式化工具
安装:
$ npm install standard --global // 全局
$ npm install standard --save-dev // 本地
修改 package.json 文件:
"scripts": {
"test": "standard --fix"
}
运行:只要不规范的代码都会指出来。
npm run test
详细参考: JavaScript Standard Style
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