小程序npm
NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:
允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
使用npm
小程序從基礎庫版本2.2.1開始支持使用 npm 安裝第三方包,因此也支持開發和使用第三方自定義組件包。
1.在小程序中執行命令安裝npm包
npm install -- production
production是npm包名稱
node_modules必須在小程序根目錄下,也可以存在於小程序根目錄下的各個子目錄中。但是不允許 node_modules 在小程序根目錄外
2.在開發者工具的菜單欄點擊工具工具 --> 構建npm
構建npm生成miniprogram_npm目錄,而且只有miniprogram_npm會被算入小程序包的占用空間

3. [endif]構建完成后即可使用 npm 包。
發布、制作npm
為了方便開發者能夠快速搭建好一個可用於開發、調試、測試的自定義組件包項目,官方提供了一個項目模板,下載使用模板的方式有三種:
直接從 github 上下載 zip 文件並解壓。
直接將 github 上的倉庫 clone 下來。
使用官方提供的命令行工具初始化項目,下面會進行介紹。
官方命令行工具npm install -g @wechat-miniprogram/miniprogram-cli
初始化項目miniprogram init --custom-component生成模板工程
1.npm install安裝依賴
2.npm run dev會在根目錄下生成miniprogram_dev目錄。
1.src中的源代碼會被構建餅生成到miniprogram_dev/componentm目錄下。
2.Eslint是默認開啟的,如果不想自己調整規則的話可以在tools/config.js中將其關閉
3.miniprogram_dev是一個小程序項目目錄,可以在這里查看自定義組件的效果
4.miniprogram_dis是自己創建的文件夾,用來存放做好的自定義控件,在構建npm的時候會將這個目錄下的文件放到miniprogram_npm中(注:如果不放到改目錄下會報錯,該問題有待研究)
