npm發布乙個包

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

最初自己做的時候就是這種直接引入封裝的js檔案裡，可以參考：

1、將npm包的映象換成

npm config set registry

這個很重要很重要不然登入不上

如果你更改了npmrc檔案一定更改過來為：

registry =

因為這個官方npm載入速度慢，之後再切換回來

npm config set registry

2、自己電腦不是adminstrator許可權，請切換到administrator使用者。這個不需要告訴你怎麼切換使用者吧

3、註冊乙個npm賬號

1、擇乙個資料夾，然後用命令列cd進去

npm init

接下來就是一長串表單：

2、然後，在目錄下新建乙個index.js檔案，或者你剛才修改了那個entry point的值，那麼你這個檔名也跟著改為那個值。

接下來就是：用npm命令登陸一下：

npm login

登入的是自己註冊的使用者名稱和密碼。

ps：或者使用新增npm使用者

npm adduser

然後，在你的目錄下使用npm publish

npm publish

ps :每一次發布新的一版，version版本要改變，不然npm會給我報錯。一般情況下，一旦你要修改你已經發布後的**，然後又要執行發布操作，務必到package.json裡面，把version改一下，比如從1.0.0改為1.0.1，然後在執行npm publish，這樣就可以成功發布了。

登入自己的npm官方，就可以看到自己發布的包

到自己賬戶的packages裡看

72小時內可以取消發布

npm unpublish [<@scope>/][@]

例如：npm unpublish --registry [email protected] --force

npm包引入

第一步：獲取水印元件包： npm install  watermark-dom
第二步：引入水印模組：import watermark from 'watermark-dom'
第三步：在需要使用水印的頁面js中呼叫水印初始化方法
watermark.init();

文中有錯誤的地方希望指出，共同進步

參考連線