摘要:放在開發(fā)環(huán)境即可主文件依賴,比如切換源默認(rèn)源,這樣網(wǎng)速就會(huì)好很多如果還不能下載,就切換成淘寶源安裝包到對(duì)應(yīng)的目錄中也就是在,在里面填寫對(duì)應(yīng)的路徑地址同時(shí)需要配置好入口文件注冊(cè)一個(gè)賬號(hào)。
1.區(qū)分npm -S -D
我們?cè)谑褂胣pm install 安裝模塊或插件的時(shí)候,有兩種命令把他們寫入到 package.json 文件里面去,比如:
--save-dev 簡寫-D
--save 簡寫-S
在 package.json 文件里面提現(xiàn)出來的區(qū)別就是,使用 --save-dev 安裝的 插件,被寫入到 devDependencies 對(duì)象里面去,而使用 --save 安裝的插件,責(zé)被寫入到 dependencies 對(duì)象里面去。
那 package.json 文件里面的 devDependencies 和 dependencies 對(duì)象有什么區(qū)別呢?
devDependencies 里面的插件只用于開發(fā)環(huán)境,不用于生產(chǎn)環(huán)境,而 dependencies 是需要發(fā)布到生產(chǎn)環(huán)境的。
devDependencies 就是不是主文件依賴。放在開發(fā)環(huán)境即可
dependencies 主文件依賴,比如vue vue-router
2.Npm 切換源 默認(rèn)源npm config set registry https://registry.npmjs.orghttps -> http,這樣網(wǎng)速就會(huì)好很多
npm config set registry http://registry.npmjs.org如果還不能下載,就切換成淘寶源
npm config set registry https://registry.npm.taobao.orgNpm 安裝包到對(duì)應(yīng)的目錄中(也就是在package.json), 在name 里面填寫對(duì)應(yīng)的路徑地址,同時(shí)需要配置好入口文件
"name": "@plugin-private/plugins-npm" "main": "src/index.js"3.1. 注冊(cè)一個(gè)npm賬號(hào)。當(dāng)然啦,你還需要有自己的工程嘛
目前幾乎都是vue 項(xiàng)目,就先用一個(gè)vue-cli搭建一個(gè)項(xiàng)目。簡單寫幾個(gè)插件,先做試水啦~~~
同時(shí)需要更改 webpack.base.conf.js =>
entry: { app: "./src/main.js" //這里配置入口文件地址 },4.開始發(fā)布創(chuàng)建好的包
使用終端命令行
如果是第一次發(fā)布包,執(zhí)行以下命令,然后輸入前面注冊(cè)好的NPM賬號(hào),密碼和郵箱,將提示創(chuàng)建成功
npm adduser
這里可能會(huì)遇到的問題就是,npm的源不是默認(rèn)源,這個(gè)需要你手動(dòng)變更。請(qǐng)看2.
-如果不是第一次發(fā)布包,執(zhí)行以下命令進(jìn)行登錄,同樣輸入NPM賬號(hào),密碼和郵箱
npm login
注意:npm adduser成功的時(shí)候默認(rèn)你已經(jīng)登陸了,所以不需要再進(jìn)行npm login了
接著先進(jìn)入項(xiàng)目文件夾下,然后輸入以下命令進(jìn)行發(fā)布
npm publish
這里需要注意的地方是,如何更改路徑,
在 package.json里面配置好路徑
執(zhí)行 npm publish --access public
npm 的有一些命令,還是要多看API??!后面補(bǔ)上!!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/97207.html
摘要:包管理工具安裝速度慢或許是文件的坑更多前端技術(shù)和知識(shí)點(diǎn),搜索訂閱號(hào)菌訂閱大家都用過配置鏡像加速第三方模塊的安裝。包管理工具安裝速度慢或許是 lock 文件的坑 showImg(https://user-gold-cdn.xitu.io/2019/5/22/16ae00d0d384e33a); ?? 更多前端技術(shù)和知識(shí)點(diǎn),搜索訂閱號(hào) JS 菌 訂閱 大家都用過 yarn npm 配置鏡像加...
摘要:的開發(fā)環(huán)境配置說明完整的的配置地址開發(fā)環(huán)境的搭建,總體而言就比較輕松,因?yàn)橛脩艟褪情_發(fā)者們。的做法是在的字段配置類似這樣這樣配置后,當(dāng)運(yùn)行時(shí),在里通過可以取到值以來做判斷就可以啦。 webpack4 的開發(fā)環(huán)境配置說明 完整的webpack4的配置clone地址: https://github.com/ziwei3749/... 開發(fā)環(huán)境的搭建,總體而言就比較輕松,因?yàn)橛脩艟褪情_發(fā)者們...
摘要:接下來安裝和,執(zhí)行命令安裝很順利,沒有遇到任何問題。再總結(jié)一下我們遇到的坑初始化時(shí)的項(xiàng)目名稱要合規(guī),特別是不能出現(xiàn)中劃線下劃線。另外再增加,這樣刷新的速度會(huì)大大加快最終的文件目錄結(jié)構(gòu)為各文件的最終內(nèi)容本文也同步發(fā)表在我的公眾號(hào)“我的天空” 從零開始,用最少的配置、最少的代碼、最少的依賴來搭建一個(gè)最簡單的webpack+react環(huán)境。 最近在玩webpack+rea...
閱讀 3168·2021-11-04 16:09
閱讀 3146·2021-09-23 11:49
閱讀 3662·2021-09-09 09:33
閱讀 3653·2021-08-18 10:22
閱讀 2057·2019-08-30 15:55
閱讀 3644·2019-08-30 15:53
閱讀 2669·2019-08-28 18:08
閱讀 907·2019-08-26 18:18