Requisitos: El subpaquete independiente se ingresa escaneando el código y necesita usar la biblioteca de componentes vant. Sin embargo, dado que el subpaquete independiente no puede usar los recursos del paquete principal, es necesario importar el componente vant en el subpaquete independiente
El primer paso es inicializar a través de la ventana cmd en el subpaquete independiente correspondiente
npm init -y
El segundo paso, instalar vant/weapp a través de npm
npm i @vant/weapp -S --production
El tercer paso es construir el paquete npm
Específicamente, use el componente vant a través de npm:
El renderizado después de la construcción.
Nota: cuando se completa la compilación, no hay
miniprogram_npm
archivos
así que agregue un nuevo archivo en el subpaquete independienteproject.config.json
El cuarto paso, usar componentes
Introducir componentes bajo el json de la página del subpaquete independiente
{
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
}
Usar componentes en la página
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
Efecto
Por último, sobre la cuestión de la notificación de errores
Se produce el siguiente error
- Simplemente elimine los componentes que no utiliza el subpaquete independiente actual, porque los componentes que no se utilizan se ignorarán automáticamente.
不影响使用
- Pero se recomienda mantenerlo, de todos modos, cuando se cargue el código, se filtrará
无依赖代码文件