El applet WeChat finalmente puede admitir npm para importar bibliotecas de terceros ( https: //developers.weixin.qq .... ), pero este modo de importación y modo de uso son diferentes de las llamadas npm que usamos. Hoy explicaré cómo importar recursos npm de acuerdo con la nueva biblioteca ui de applet vant.
El primer paso:
Ejecute en el directorio raíz del proyecto de applet:
npm y vant-weapp -S - producción
El segundo paso:
Asegúrese de que su herramienta de desarrollador WeChat sea la última versión, luego haga clic para ejecutar "Build npm"
Después de una construcción exitosa, le indicará:
Al mismo tiempo, habrá un directorio adicional "miniprogram_npm" en el directorio raíz del proyecto. Esta es la biblioteca de terceros npm reconocida por el applet.
El tercer paso:
En este momento, cuando necesitamos llamar al componente vant en una página, debemos agregar la siguiente configuración a la página json correspondiente:
{
"usingComponents":{
"van-button":"/miniprogram_npm/vant-weapp/button/index"
}
}
Entonces puede llamar directamente a este componente de interfaz de usuario en wxml.
Tenga en cuenta que para la biblioteca vant, en realidad no necesita requerir el componente vant-weapp en el js correspondiente a la página.
Publicado por primera vez en mi blog: http: //www.leeon.me/a/use-van ... , indíquelo cuando se vuelva a imprimir.