簡單製作乙個npm包，並發布

exports.

run=
function()

npm login

npm publish

exports.

run=
function()

1、修改包的版本 package.json中的 version

2、npm login
3、npm publish

const npmdemo1 =

require
('npmdemo1');
npmdemo1.
run(
);

這是乙個run方法

再次強調一句：這是乙個 run 方法

1、npm 包其實乙個元件或者方法或檔案，使用npm的發布命令publish，其實本質上就是把這些上傳到npm倉庫進行

統一化管理，當你在開發專案的過程中，你可以根據自己的需求把相應的包拉取到你的專案中進行使用；
2、npm 包中的package.json檔案的main欄位就是用來指定包的入口檔案，當你在新專案中引入包：const 
npmdemo1 = require('npmdemo1') 時，就會從你專案的node_modules中尋找到 npmdemo1,找到後就會檢視這
個檔案下的package.json的main欄位對應的入口檔案，所以當你 const npmdemo1 = require('npmdemo1') 
時，就是相當於你引入這個入口檔案index.js，所以npmdemo1變數就有了run方法,也就可以列印出 run方法中的內
容。

npm config set registry

nrm ls

nrm use npm

npm發布乙個包

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

發布乙個npm包

我這裡是寫了乙個vue輪播圖外掛程式，因此我使用了vue的腳手架工具建立乙個專案，當然你也可以選擇自己搭建腳手架。本例中我會使用vue腳手架建立乙個專案，並發布到npm上面去。全域性安裝 首先，要建立專案，封裝vue的外掛程式用webpack 很合適，因此你需要全域性安裝 vue cli init外...

如何發布乙個 npm 包

在工作時，突然接到經理的乙個要求，需要將乙個react的高階元件函式封裝成乙個npm包。之前從沒弄過，當場還是有些懵逼的，但是這畢竟是工作，不能推脫。於是開始了學習 湯坑之旅。最終包發布，線上專案成功使用，雖然導致了一次線上故障，但還是快速地fix掉。吃一塹長一智，記錄一下整個發布的過程和遇到的一些...