Heliosurge
(Dan DeMontmorency)
17 Settembre 2024, 2:31pm
1
Mi scuso, sono ancora un principiante assoluto.
Sto lavorando alla creazione di un componente del tema
Ho importato lo scheletro del componente del tema.
Ho creato un file JavaScript e l’ho aggiunto in
Javascript\Discourse\Initializers\Discourse_foo.js
Per quanto ne so, questo file deve essere chiamato dal tag script nell’header?
<script src="discours_foo.js"></script>
Guardando altri componenti del tema, non ho visto che avessero un file chiamato header.css? Chiamando gli script JS che stanno usando.
Qualsiasi guida è molto apprezzata per migliorare la mia comprensione.
Grazie
pfaffman
(Jay Pfaffman)
17 Settembre 2024, 2:42pm
2
Questa è la mia comprensione da principiante, che potrebbe essere utile per la tua comprensione ancora più da principiante, ma è probabilmente tecnicamente errata dal punto di vista di qualcuno che capisce davvero queste cose.
Non credo. Penso che funzioni semplicemente perché si trova nella directory degli inizializzatori. Se non ricordo male, lo scheletro include un inizializzatore con un console.log in modo da poter vedere che è in esecuzione.
(Penso) Devi eseguirli in uno script solo se li aggiungi in un componente tematico “vecchia scuola” fatto nell’UX piuttosto che nel modo “nuova scuola” di mettere i file nel posto giusto.
Heliosurge
(Dan DeMontmorency)
17 Settembre 2024, 2:51pm
3
Va bene, sembra sensato.
Uno di quelli che ho esaminato è stato il tuo hide staff.
Quindi, se non hai bisogno di CSS, devi solo includere il tuo file JScript nella directory degli inizializzatori e compilare i dettagli di about.json?
E il componente dovrebbe funzionare senza altro? (Supponendo che lo script sia buono, ovviamente)
pfaffman
(Jay Pfaffman)
17 Settembre 2024, 3:03pm
4
Penso che sia vero. Se non vuoi aggiungere CSS, non hai bisogno di un file CSS. (Sembra una tautologia sicura.)
Heliosurge
(Dan DeMontmorency)
17 Settembre 2024, 3:06pm
5
È sempre divertente imparare cose/procedure nuove.
Lilly
(Lillian )
17 Settembre 2024, 3:17pm
6
questi argomenti dovrebbero aiutare
I temi complessi di JavaScript possono essere suddivisi in più file, per mantenere le cose ben organizzate.
Per utilizzare questa funzionalità, è sufficiente aggiungere file alla cartella /javascripts nella directory del tema. Questi file non possono essere modificati dall’interfaccia utente di Discourse, quindi è necessario utilizzare la Theme CLI o caricare il tema da git .
I file Javascript sono trattati esattamente come quelli in core/plugins, quindi è necessario seguire la stessa struttura…
I temi e i componenti dei temi stanno diventando sempre più potenti e gli sviluppatori diventano sempre più ambiziosi. Per facilitare il lavoro degli sviluppatori, i temi possono ora suddividere il loro SCSS in più file.
Quando si crea un nuovo tema con la theme CLI , o si condivide un tema su github , è sufficiente creare una nuova cartella chiamata scss. Riempila con i tuoi file .scss, seguendo qualsiasi struttura di cartelle, e tutti i file saranno disponibili per l’importazione nelle sezion…
Heliosurge
(Dan DeMontmorency)
17 Settembre 2024, 3:26pm
7
Grazie mille Lilly. Li controllo. Ci aiuti come sempre, molto apprezzato.