[代码日记] 上手实践webpack、babel

Webpack和Babel这两个工具非常好用, 但是要用好还是有点难度的. 于是我做了个nriot-utils给我自己.

为了完成它, 我专门跟着官网的教程走了一遍, 顺便还装了ts-loader来加载Typescript代码.

虽然nriot-utils非常简单, 只有那几个功能, 但是在对Webpack的配置上我还是花了很多时间. 你可以在这个博客的任何一个地方打开浏览器Devtools, 然后输入NUtils, 就可以尝试nriot-utils了(因为博客引入了它)

img1.png

安装 & 使用

1
npm i nriot-utils --save
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const { NUtils } = require("nriot-utils");

// 获取随机数
NUtils.getRandom();
// 删除数组中的某一项
NUtils.arrayItemDelete([1, 2, 3], 2); // [1, 2]
// 将数组中某一项移到最后一位
NUtils.arrayItemToLast([1, 2, 3], 0); // [2, 3, 1]
// 对比两个对象是否相同
NUtils.isObjectEqual({a: 1}, {a: 1}); // true
// 睡觉
NUtils.sleep(1000); // Sleep for 1000ms (1s)

// 调用WASM (wasm变量中存储的是test.wasm中导出的函数)
const fs = require("fs");
(async function() {
var wasm = await new NUtils.WASM(fs.readFileSync("test.wasm")).getWASMInstance();
// ...
})();