Heliosurge
(Dan DeMontmorency)
17 Septiembre, 2024 14:31
1
Pido disculpas, sigo siendo un novato completo.
Estoy trabajando en la creación de un componente de tema.
He importado el esqueleto del componente de tema.
He creado un archivo JavaScript y lo he añadido a
Javascript\Discourse\Initializers\Discourse_foo.js
Según mi entendimiento, ¿este archivo necesita ser llamado por la etiqueta de script en la cabecera?
<script src="discours_foo.js"></script>
Al revisar algunos otros componentes de tema, no he visto que tengan un archivo llamado header.css. Llamando a los scripts de JS que están usando.
Cualquier orientación es muy apreciada para mejorar mi comprensión.
Gracias.
pfaffman
(Jay Pfaffman)
17 Septiembre, 2024 14:42
2
Esta es mi comprensión de novato, que puede ser útil para tu comprensión aún más de novato, pero es probable que sea técnicamente incorrecta desde el punto de vista de alguien que realmente entiende estas cosas.
No lo creo. Creo que simplemente funciona ya que está en ese directorio de inicializadores. Si mal no recuerdo, el esqueleto incluye un inicializador con un console.log para que puedas ver que se está ejecutando.
(Creo) Solo necesitas ejecutarlos en un script si los agregas en un componente de tema hecho a la antigua en la UX en lugar de la forma moderna de poner los archivos en el lugar correcto.
Heliosurge
(Dan DeMontmorency)
17 Septiembre, 2024 14:51
3
De acuerdo, eso tiene sentido.
Una de las que miré fue la de tu personal oculto.
Entonces, si no necesitas CSS, ¿solo necesitas incluir tu archivo JScript en el directorio de inicializadores y completar los detalles de about.json?
¿Y el componente debería funcionar sin nada más? (Suponiendo que el script sea bueno, claro)
pfaffman
(Jay Pfaffman)
17 Septiembre, 2024 15:03
4
Creo que es cierto. Si no quieres añadir CSS, entonces no necesitas un archivo CSS. (Parece una tautología segura).
Heliosurge
(Dan DeMontmorency)
17 Septiembre, 2024 15:06
5
Siempre es divertido aprender cosas/procedimientos nuevos.
Lilly
(Lillian )
17 Septiembre, 2024 15:17
6
Estos temas deberían ayudar
Los temas complejos de JavaScript se pueden dividir en varios archivos para mantener una buena organización.
Para utilizar esta funcionalidad, simplemente añada archivos a la carpeta /javascripts en el directorio de su tema. Estos archivos no se pueden editar desde la Interfaz de Usuario de Discourse, por lo que debe utilizar la Theme CLI o cargar el tema desde git .
Los archivos de JavaScript se tratan exactamente igual que en el núcleo/plugins, por lo que debe seguir la misma estructura de ar…
Los temas y los componentes de tema son cada vez más potentes y los desarrolladores son cada vez más ambiciosos. Para facilitar las cosas a los desarrolladores, los temas ahora pueden dividir su SCSS en varios archivos.
Al crear un nuevo tema con el theme CLI , o al compartir un tema en github , simplemente crea una nueva carpeta llamada scss. Llénala con tus archivos .scss, siguiendo cualquier estructura de carpetas, y todos los archivos estarán disponibles para que los importes en las seccion…
Heliosurge
(Dan DeMontmorency)
17 Septiembre, 2024 15:26
7
Muchas gracias Lilly. Las reviso. Siempre nos ayudas mucho, lo cual agradecemos enormemente.