小程序npm

??????? NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

????? 允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。

????? 允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。

????? 允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。

使用npm

?????? 小程序從基礎(chǔ)庫版本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會被算入小程序包的占用空間

3.? [endif]構(gòu)建完成后即可使用 npm 包。

發(fā)布、制作npm

為了方便開發(fā)者能夠快速搭建好一個(gè)可用于開發(fā)、調(diào)試、測試的自定義組件包項(xiàng)目，官方提供了一個(gè)項(xiàng)目模板，下載使用模板的方式有三種：

直接從 github 上下載 zip 文件并解壓。

直接將 github 上的倉庫 clone 下來。

使用官方提供的命令行工具初始化項(xiàng)目，下面會進(jìn)行介紹。

官方命令行工具npm install -g @wechat-miniprogram/miniprogram-cli

初始化項(xiàng)目miniprogram init --custom-component生成模板工程

1.npm install安裝依賴

2.npm run dev會在根目錄下生成miniprogram_dev目錄。

?? 1.src中的源代碼會被構(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)建的文件夾，用來存放做好的自定義控件，在構(gòu)建npm的時(shí)候會將這個(gè)目錄下的文件放到miniprogram_npm中(注：如果不放到改目錄下會報(bào)錯(cuò)，該問題有待研究)