摘要:但是不可以在小程序根目錄外。構(gòu)建包在微信小程序開發(fā)工具的工具菜單下點(diǎn)擊構(gòu)建命令,進(jìn)行包的構(gòu)建,此構(gòu)建可以將包構(gòu)建成在小程序中可加載使用的包。使用包中引入包使用包中的自定義組件組件運(yùn)行效果其他微信小程序支持文檔小程序推薦百科知識詞典
微信小程序在 2.2.1 版本后增加了對 npm 包加載的支持,使得小程序支持使用 npm 安裝第三方包。
1、在小程序中加載 npm 包npm install miniprogram-datepicker --production
node_modules可以 在小程序根目錄下,也可以存在于小程序根目錄下的各個(gè)子目錄中。但是不可以 在小程序根目錄外。使用--production選項(xiàng),可以減少安裝一些業(yè)務(wù)無關(guān)的 npm 包,從而減少整個(gè)小程序包的大小。
2、構(gòu)建 npm 包在微信小程序開發(fā)工具的「工具」菜單下點(diǎn)擊「構(gòu)建 npm」命令,進(jìn)行 npm 包的構(gòu)建,此構(gòu)建可以將 npm 包構(gòu)建成在小程序中可加載使用的包。
node_modules 目錄不會參與編譯、上傳和打包中,所以小程序想要使用 npm 包必須走一遍“構(gòu)建 npm”的過程,在最外層的 node_modules 的同級目錄下會生成一個(gè) miniprogram_npm 目錄,里面會存放構(gòu)建打包后的 npm 包,也就是小程序真正使用的 npm 包。
構(gòu)建打包分為兩種:小程序 npm 包會直接拷貝構(gòu)建文件生成目錄下的所有文件到 miniprogram_npm 中;其他 npm 包則會從入口 js 文件開始走一遍依賴分析和打包過程(類似 webpack)。
尋找 npm 包的過程和 npm 的實(shí)現(xiàn)類似,從依賴 npm 包的文件所在目錄開始逐層往外找,直到找到可用的 npm 包或是小程序根目錄為止。
構(gòu)建完成后還需要確認(rèn)項(xiàng)目已勾選了「使用 npm 模塊」。
js 中引入 npm 包:
const package = require("packageName")
使用 npm 包中的自定義組件:
{ "usingComponents": { "datepicker": "miniprogram-datepicker" } }
miniprogram-datepicker組件運(yùn)行效果
微信小程序npm支持文檔:https://developers.weixin.qq....
【小程序推薦】百科知識詞典文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/98417.html
摘要:前言是一個(gè)可以很好實(shí)現(xiàn)一次開發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開發(fā)的一些內(nèi)容。 前言:taro是一個(gè)可以很好實(shí)現(xiàn)一次開發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開發(fā)的一些內(nèi)容。小程序項(xiàng)目搭建gitup已經(jīng)有很清楚的說明:https://github.com/NervJS/taro 一.主要操作步驟及命令: 1.cnpm install -g @tarojs/cli 全局安裝taro...
摘要:前言是一個(gè)可以很好實(shí)現(xiàn)一次開發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開發(fā)的一些內(nèi)容。 前言:taro是一個(gè)可以很好實(shí)現(xiàn)一次開發(fā),多端統(tǒng)一的框架,本文只介紹它小程序端開發(fā)的一些內(nèi)容。小程序項(xiàng)目搭建gitup已經(jīng)有很清楚的說明:https://github.com/NervJS/taro 一.主要操作步驟及命令: 1.cnpm install -g @tarojs/cli 全局安裝taro...
摘要:上一篇小程序開發(fā)第一篇注冊獲取同步企業(yè)項(xiàng)目數(shù)據(jù)微信小程序開發(fā)者工具下載小程序開發(fā)者工具使用小程序原生開發(fā)直接使用小程序開發(fā)者工具打開項(xiàng)目即可小程序框架開發(fā)首選官方提供類開發(fā)框架,備選。 上一篇:小程序開發(fā) 第一篇:注冊、獲取unionid同步企業(yè)項(xiàng)目數(shù)據(jù) 1.微信小程序開發(fā)者工具 下載:小程序開發(fā)者工具 使用: 小程序原生開發(fā):直接使用小程序開發(fā)者工具打開項(xiàng)目即可 小程序框架開發(fā):...
閱讀 3589·2021-11-24 10:19
閱讀 3725·2021-09-30 09:47
閱讀 1290·2019-08-30 15:56
閱讀 789·2019-08-29 15:11
閱讀 904·2019-08-29 13:43
閱讀 3568·2019-08-28 18:25
閱讀 2160·2019-08-26 13:27
閱讀 1437·2019-08-26 11:44