1、初始化項目

在項目根目錄下使用一下命令

npm init

這時終端會提示你輸入諸如包名，版本號等信息，如下：

2、新建src文件夾

新建src文件夾之後，把微信小程序自定義組件的index.js、index.wxss、index.json、index.wxml四個文件都拉到src文件夾裏面即可。文件目錄如下圖：

3、修改package.json文件

在 package.json 文件中新增一個 miniprogram 字段，指向src文件即可。這是官方文檔發布npm的約束條件。npm支持 微信小程序官方文檔

{
  "name": "wx-second-list",
  "version": "0.0.1",
  
 
"description": "",
  "main": "src/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "weiwei",
  "license": "ISC",
  "miniprogram":"src",
  "repository": {
    "type": "git",
    "url": "https://github.com/chenweihuan/secondList.git"
  },
  "keywords": [
    
 
"wx-second-list"
  ],
  "bugs": {
    "url": "https://github.com/chenweihuan/secondList/issues"
  }
}

4、發布到npm上

4.1 註冊npm賬號

前往npm官網註冊一個賬號，記好賬戶名、密碼和郵箱（郵箱收到郵件後一定要進行驗證）。

4.2 源切換

這是個坑，估計很多小夥伴都踩過，畢竟國內npm的速度令人感動，所以大家都運行過一條熟悉的命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

但是發布時我們一定要把源切換回npm

npm config set registry=http://registry.npmjs.org

但是老這樣切來切去有點low啊，這時候nrm就派上用場了，nrm是什麽？簡單點說nrm就是專門用來管理和快速切換私人配置的registry的一個工具。

cnpm i nrm -g

安裝好後使用nrm ls命令會顯示如下：

*號在哪個地方就說明現在的源是哪個（我現在處在taobao源），也許你剛開始不顯示*號，但不管顯不顯示，直接運行nrm use npm，然後再npm ls，這時候就發現*指在npm源上了，此時就可以進行下一步了。

4.3 登錄

npm login

4.4 正式發布npm包

在項目根目錄下運行npm publish即可發布，順利的話就直接成功了，當然也可能會遇到問題：

• 第一個就是權限問題，也許報這樣的錯誤npm ERR! Error: EPERM: operation not permitted，這時候就得使用管路員權限來進行發布了，window + x會看到管理員終端選項，打開這個終端，然後再進行登錄，發布即可。

• 第二個就是名稱問題，就是你的包名在npm上已經存在了，所以在package.json中將你的包名改成其他的，這樣再發布，應該就沒問題了。

參考：不會發布npm包？進來看看

記錄如何發布微信小程序npm包