手擼乙個npm包,安利一下duiba sprite

2021-09-11 13:23:40 字數 1347 閱讀 7129

我所在組負責我司線上h5互動小遊戲的開發,其中一部分開發者負責**的開發。大致流程為:視覺出psd,開發者切圖,開發者開發,開發者上傳****,運營驗收。這裡邊有個奇葩的動作:開發者切圖,為什麼讓開發者淪為切圖仔,這裡不再詳述。大部分開發者都習慣了自己切圖,在這裡面有個高頻的動作:幀動畫的素材製作。就是psd切出每一幀的動畫,然後用psd/拼圖軟體將每一幀合成雪碧圖,工具不好用費時費力。

// 全域性安裝並使用

npm install duiba-sprite -g

duiba-sprite -i img -o img -m 0

// 本地安裝使用

npm install duiba-sprite -d

npx duiba-sprite -i img -o img -m 0

複製**

沒錯,這樣很熟悉,對吧。

和大家平時開發中的一樣,這裡說兩點特殊的

// 1.指明當前模組的命令和要執行的入口檔案,例如:

"bin":

"peerdependencies":

複製**

和大家平時開發一樣,完成乙個立即執行的模組即可。

// 注意點,頭部必須指明當前模組需要的執行環境

#!/usr/bin/env node

function

start

()

start()

複製**

// 當你在控制台輸入 npx duiba-sprite -i img -m 1

其實輸入的命令為 node src/index.js -i img -m 1

// node會將該命令以空格為分隔符轉換為陣列,第一項為」node」可執行路徑,第二項為入口檔案js的完整路徑,我們直接去掉即可

const args = process.ar**.slice(2);

// 拿到使用者輸入的值args後該怎麼處理,就不用說了

注意一點,所有的輸入都會被轉為字串

複製**

簡單的輸入我們自己可以處理,複雜的話,可以使用乙個node模組commander.js。commander是乙個輕巧的nodejs模組,提供了使用者命令列輸入和引數解析強大功能,使用也很簡單。

1.到npmjs.com註冊賬號

2.推送模組 npm publish

3.推送的時候會讓你輸入賬號和密碼(第一次推送)

複製**

如果需要發布新版本的npm包,記得修改package.json裡面的版本號,否則是發布不了的噢。

純手擼乙個rnn

原文 import copy,numpy as np np.random.seed 0 sigmoid函式 def sigmoid x output 1 1 np.exp x return output sigmoid導數 def sigmoid output to derivative outpu...

手擼乙個簡陋直播系統

目錄2.nginx rtmp module 3.安裝第乙個直播系統 2.修改配置 3.推流 4.拉流 4.rtm高階 5.ffmpeg 1.nginx概述和作用 2.安裝nginx 安裝 3.nginx 配置 4.配置變數 語法 set var name value set a hello worl...

npm發布乙個包

我們已經實現了路由的自動化構建,但是我們可以看到,一大串 懟在裡面。當然你也可以說,把它封裝在乙個js檔案裡面,然後使用require autoroute.js 給引入進來,那也行。但是,為什麼不把心放大一點呢?比如說,我們把它做成乙個npm包!最初自己做的時候就是這種直接引入封裝的js檔案裡,可以...