記錄一個 npm 包的開發 -- smms

zhangfaliang 發布于2019-08-21 17:13 / 2155人閱讀

摘要：第一步初始化一個包然后按提示輸入等信息就可以了。第三步發布注冊帳號，已注冊的請忽略。，裝逼完畢，這樣就完成了一個簡單的包的開發和發布。執行添加文件，排除需要排除的文件，例如和等。

其實主要想寫一個圖床網站的上傳方法，順便記錄一次 npm 包的開發。

第一步、初始化一個 npm 包

mkdir upload-img && cd upload-img
npm init

然后按提示輸入 package name 、version 、 description 等信息就可以了。
初始化完會在當前目錄生成一個 package.json 文件，熟悉 現代PHP 的應該都知道，這個文件跟 composer.json 的作用是一樣的，都用于描述這個項目的各項信息，包括依賴和腳本等。

第二步、開始編碼

新建 index.js 文件，開始編碼。

默認的入口文件是 index.js ，當然你可以在 package.json 隨意更改入口文件。

/*!
 Copyright (c) 2017 96qbhy.
 Licensed under the MIT License (MIT)
 */
/* global define */

(function () {
    "use strict";

    var axios = window.axios || require("axios");

    function uploadImg(file) {
        var data = new FormData();
        data.append("smfile", file);
        data.append("ssl", true);
        return axios.post("https://sm.ms/api/upload", data).then(data => data.data);
    }

    if (typeof module !== "undefined" && module.exports) {
        module.exports = uploadImg;
    } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
        // register as "uploadImg", consistent with npm package name
        define("uploadImg", [], function () {
            return uploadImg;
        });
    } else {
        window.uploadImg = uploadImg;
    }
}());

然后基本套路走一發, 代碼就那么多。

實際代碼已更新，最新的代碼請移步該項目的 github倉庫。
作為一個開源項目，一個好的 readme.md 必不可少，此處我省略了 readme.md 的書寫，因為太多了。

第三步、發布

注冊 npmjs 帳號，已注冊的請忽略。

執行 npm adduser ,按提示輸入 username 和 password 以及 email。

執行 npm publish。

OK，裝逼完畢，這樣就完成了一個簡單的 npm 包的開發和發布。

第四步、添加到 github 倉庫

到 github 創建倉庫。

執行 git init,添加 .gititnore 文件，排除需要排除的文件，例如 node_modules 和 .idea 等。

添加遠端倉庫， git remote add origin {倉庫地址}

add + commit + push

該項目我托管在 github , 地址是 https://github.com/96qbhy/smms
sm.ms 是一款免費的圖床網站，smms 是 sm.ms 的 js 上傳插件。

云服務器 GPU云服務器每周數百萬下載量!NPM包修復了一個遠程 smms 一個小程序開發開發一個小程序

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89260.html

Nodejs之npm&package.json

摘要：在終端輸入會詢問的各種信息，從而確認。這意味著，所有通過安裝的包都可以在終端以命令方式運行，例如，等。用于檢查模塊是否過時并列出。文件在運行后會生成文件，該文件用于記錄項目中所用到的依賴以及項目的配置信息比如名稱版本許可證等。一直以來，作為前端開發，在公司都是先寫好頁面，然后再跟后端合作，將數據填入前端頁面中，但是偶爾自己閑來無事，也會看一些框架什么的，然后利用框架做個單頁面應用啊，...

atinosun 2019-08-20 12:35 評論0 收藏0
使用NPM

摘要：另一方面，這樣做也無法支持不同項目使用不同版本的。我們可以換一個源，即把服務器換到國內，例如淘寶的源運行下面的命令即可切換淘寶源的配置被存儲在，你可以隨時改。安裝方法使用方法切換源等見鏈接 Nodejs生態圈很強大，第一個原因就是NPM，因為全球有無數的程序員在NPM中貢獻了自己的力量。為了避免造輪子，我們有時候會用到其他人的勞動成果，比如一些優秀的框架，比如Express，我們直接...

wanghui 2019-08-23 12:30 評論0 收藏0
如何設計npm包的開發和發布流程

摘要：所以此版本號在這里的作用并不是用來區分版本的，小版本號才是真正用來做版本區分的，那么在引用這個就要這么來控制版本號，舉個栗子鎖定大版本號和小版本號，不管我們開發過程中提交了多少次，我們引用都是最新的。最近在把公司內部用的一個庫發布到內網的npm私服上，僅僅是發布的話是比較簡單的，但這個庫是由多個人一起維護的，而且npm私服只有一套，所以生產環境和開發環境，用的是同一個，那么，我們的需...

qieangel2013 2019-08-23 17:02 評論0 收藏0
npm常用命令集合

摘要：簡介，通常稱為包管理器。的背后，是基于的一個數據庫，詳細記錄了每個包的信息，包括作者版本依賴授權信息等。它的一個很重要的作用就是將開發者從繁瑣的包管理工作版本依賴等中解放出來，更加專注于功能的開發。 0 NPM簡介 NPM（node package manager），通常稱為node包管理器。顧名思義，它的主要功能就是管理node包，包括：安裝、卸載、更新、查看、搜索等。npm的背后，...

Kahn 2019-08-22 15:52 評論0 收藏0
生成自己的js工具包，包括打包webpack、測試mocha、生成文檔jsdoc、發布npm包的操作

摘要：包說明包實際是一個存檔文件，即一個目錄直接打包為或格式的文件，安裝后解壓還原為目錄。完全符合規范的包目錄應該包含如下這些文件包描述文件。用于存放單元測試用例的代碼。 keepsmiling說明一些常用的函數集合，主要用到的技術如下： ES6的包處理方式； webpack打包方式； BDD測試用例，只寫了部分；使用jsdoc生成注釋文檔；你用eslint優化代碼格式；主...

Code4App 2019-08-26 13:24 評論0 收藏0