Insérer du css / js

**Amnael** · 15/01/2017, 22h24

Bonsoir à tous,

je n'en suis encore qu'au début de mon apprentissage avec synfony, aussi je me doute que la réponse à ma question arrivera naturellement plus tard et de façon bien plus propre que ce que je fais ici, mais je pose tout de même ma question par soucis de compréhension !

Bien,

Je possède un template C:\wamp\www\Symfony\src\TCS\ClubTennisBundle\Resources\views\Default\index.html.twig

A l'intérieur se trouve une page html tout ce qu'il y a de plus classique

Un header qui prend du css, un body et du javascript.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!DOCTYPE HTML>
<html>
	<head>
		<title>mon Titre</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="assets/css/main.css" />
 
	</head>
	<body>
		MON BODY
 
<!-- Scripts -->
		<script src="assets/js/jquery.min.js"></script>
 
</body>
</html>

Bref comme vous le voyez sur ma page html, j'ai mon js et mon css dans un répertoire assets, ce qui fonctionne très bien dans un dossier en local sans synfony de façon classique.

Sauf qu'avec synfony je n'arrive pas à faire le lien entre ce template et le dossier des assets

==> Où dois-je mettre mon répertoire assets pour que ce code soit fonctionnel sous synfony.

J'ai tenté de le mettre dans celui des template twig, et dans le répertoire web.

Tous les deux sans succès

**MehrezLabidi** · 15/01/2017, 22h39

C'est pas vraiment compliqué .
La doc ici

**Amnael** · 15/01/2017, 22h53

Dois-je en déduire que je dois traduire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="assets/css/main.css" />

en

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" href="{{ asset('css/main.css') }}" />

et mettre le dossier assets dans web ?

Si oui je ne comprends pas quel est l'intérêt de cette nouvelle écriture vu que pour le coup elle ne simplifie pas du tout...au contraire c'est même moins clair.

Il doit y avoir une raison ou un principe qui se cache derrière tout ça, pourriez-vous me l'indiquer ?

Je sais que ce qui se trouve dans web est par définition public, mais ça n'a je pense rien à voir^^

Merci à vous.

**dukoid** · 15/01/2017, 23h19

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<link rel="stylesheet" href="{{ asset('css/main.css') }}" />

et mettre le dossier assets dans web ?

ah non pas du tout, tu n'y es pas.
dans ce cas, asset veut dire : Symfony occupe toi du dossier/fichier css/main.css

ainsi quand tu va lancer la commande : bin/console assets:install
cela va prendre tous les fichiers asset de partout et les reunir dans le dossier Web
mais ça permet de faire plein de chose aussi si tu configures bien comme la minification, la concatenation....

la doc est bien foutu

en anglais
t il y a des nombreux tutorials en français aussi !

**Amnael** · 15/01/2017, 23h26

Effectivement en bidouillant j'ai fini par sortir les dossiers de mon répertoire assets et ça a bien marché^^

En fait asset est une autre de ces fonctions boites noires dont j'ai horreur parce que je sais pas ce qu'il y a dedans, mais qui fera son taff quand même

Bon bah merci pour ces explications, le reste viendra je suis sûr à la suite de mes tutos, mais dans l'immédiat je voulais comprendre ça, j'étais un peu frustré des pages à la hello world ^^

Insérer du css / js

Symfony PHP

Vue hybride

Partager

Partager