vue3+element-plus configurar cdn

Estoy trabajando en un proyecto recientemente y la versión de configuración del proyecto es la siguiente:

Compartamos cómo configurar la aceleración cdn para el proyecto vue3 configurado como arriba

Presente el sitio web gratuito de cdn

No hablaré sobre los métodos de búsqueda simples y claros de BootCDN y Staticfile CDN. Aquí hablaré sobre el método UNPKG para buscar recursos de cdn.

Formato de ruta del archivo cdn: /:package@:version/:file

El análisis de la ruta se muestra a continuación:

Puede verlo agregando directamente / después del nombre del recurso Directorio de carpeta, por ejemplo: /browse/axios@0.21.4/, cópielo en la barra de direcciones del navegador, podrá ver el siguiente directorio:

Configure de la siguiente manera, la operación. El método es básicamente el mismo, la versión cdn del archivo será reemplazada por sí misma.

vue.config.js

index.html

Agregue lo siguiente a la etiqueta principal:

Agregue lo siguiente al cuerpo etiqueta:

main.ts

Es cierto que después de configurar la CDN, el archivo del paquete es mucho más pequeño, pero si la CDN falla, su proyecto también fallará.

Si esto te resulta útil, mi nombre es @平多多11997110103. Bienvenido a dar me gusta, seguirnos y comentar

FIN

Artículos anteriores

Página de inicio personal