Explicación detallada del código fuente del hilo
Obviamente, los dos métodos anteriores no son elegantes ni confiables. Como programadores, ¿podemos quedarnos perplejos por esto? La comunidad de código abierto nos ha preparado una solución: paquete de parches[1].
Abra el proyecto a través de cra
Proporcione el proyecto @alifd/next (biblioteca de interfaz de usuario), paquete de parches, postinstall-postinstall (se instala cuando se usa hilo, npm no necesita instalar esto dependencia).
Agregue un comando de secuencia de comandos en el archivo package.json (un punto muy importante, ya sea que usemos hilo o npm, este comando se ejecutará automáticamente después de que se complete la instalación general y el paquete se parcheará). módulos_nodo).
Introducimos el botón del componente y observamos la estructura actual del componente.
Modifiquemos el código fuente del botón en node_module.
Estamos viendo la página (si no funciona, puedes reiniciar el servicio)
& ltfig caption MP-original-font-size = " 14 " MP-original -line -height = " 22.399999618530273 " estilo = " margen:5px 0px 0px; relleno: 0px contorno: 0px ancho máximo: 100%; tamaño del cuadro: cuadro de borde! importante; ajuste de palabras: separación de palabras! importante; alineación de texto : centro; color :rgb(221, 165, 45); tamaño de fuente: 14px; altura de línea: 22.399999618530273 px; "& gtresult.png & lt/fig caption & gt;
Después de la modificación, también tiene efecto, comenzará el parcheo y se ejecutará el comando nombre del paquete del paquete de parches de hilo.
Después del éxito, verá una carpeta de parches adicional en el directorio raíz que contiene los archivos de parches para su paquete npm modificado. Haga clic para ver claramente los cambios que realizó. El 1.22.21 en el nombre del archivo es el número de versión del paquete dependiente, lo que significa que este parche solo tiene efecto en la versión del complemento 1.22.21.
Elimine node_module y vuelva a instalarlo.
Después de instalar el paquete de dependencia, puede ver que el parche se aplica en la línea de comando (las últimas cinco líneas).
Reinicie el inicio de Yarn y verifique el elemento de revisión. ¡Sigue siendo la etiqueta A!