小程序npm
??????? NPM是隨同NodeJS一起安裝的包管理工具秸妥,能解決NodeJS代碼部署上的很多問(wèn)題,常見的使用場(chǎng)景有以下幾種:
????? 允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。
????? 允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用缤至。
????? 允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用短曾。
使用npm
?????? 小程序從基礎(chǔ)庫(kù)版本2.2.1開始支持使用 npm 安裝第三方包,因此也支持開發(fā)和使用第三方自定義組件包谅猾。
? 1.在小程序中執(zhí)行命令安裝npm包
???? npm install -- production
???? production是npm包名稱
? node_modules必須在小程序根目錄下柄慰,也可以存在于小程序根目錄下的各個(gè)子目錄中。但是不允許 node_modules 在小程序根目錄外
2.在開發(fā)者工具的菜單欄點(diǎn)擊工具工具 --> 構(gòu)建npm
構(gòu)建npm生成miniprogram_npm目錄税娜,而且只有miniprogram_npm會(huì)被算入小程序包的占用空間
3.? [endif]構(gòu)建完成后即可使用 npm 包坐搔。
發(fā)布、制作npm
為了方便開發(fā)者能夠快速搭建好一個(gè)可用于開發(fā)敬矩、調(diào)試概行、測(cè)試的自定義組件包項(xiàng)目,官方提供了一個(gè)項(xiàng)目模板弧岳,下載使用模板的方式有三種:
直接從 github 上下載 zip 文件并解壓凳忙。
直接將 github 上的倉(cāng)庫(kù) clone 下來(lái)业踏。
使用官方提供的命令行工具初始化項(xiàng)目,下面會(huì)進(jìn)行介紹涧卵。
官方命令行工具npm install -g @wechat-miniprogram/miniprogram-cli
初始化項(xiàng)目miniprogram init --custom-component生成模板工程
1.npm install安裝依賴
2.npm run dev會(huì)在根目錄下生成miniprogram_dev目錄勤家。
?? 1.src中的源代碼會(huì)被構(gòu)建餅生成到miniprogram_dev/componentm目錄下。
?? 2.Eslint是默認(rèn)開啟的柳恐,如果不想自己調(diào)整規(guī)則的話可以在tools/config.js中將其關(guān)閉
3.miniprogram_dev是一個(gè)小程序項(xiàng)目目錄伐脖,可以在這里查看自定義組件的效果
4.miniprogram_dis是自己創(chuàng)建的文件夾,用來(lái)存放做好的自定義控件胎撤,在構(gòu)建npm的時(shí)候會(huì)將這個(gè)目錄下的文件放到miniprogram_npm中(注:如果不放到改目錄下會(huì)報(bào)錯(cuò)晓殊,該問(wèn)題有待研究)