|
1 | 1 | ---
|
2 |
| -title: "API: The css Property" |
3 |
| -description: Nuxt.js lets you define the CSS files/modules/libraries you want to set globally (included in every page). |
| 2 | +title: "API : La propriété css" |
| 3 | +description: Nuxt.js vous permet de définir le fichier, la bibliothèque ou le module CSS que vous souhaiter définir globalement (inclue sur toutes les pages). |
4 | 4 | ---
|
5 | 5 |
|
6 |
| -# The css Property (En) |
| 6 | +# La propriété css |
7 | 7 |
|
8 |
| -> Nuxt.js lets you define the CSS files/modules/libraries you want to set globally (included in every page). |
| 8 | +> Nuxt.js vous permet de définir le fichier, la bibliothèque ou le module CSS que vous souhaitez définir globalement (inclue sur toutes les pages). |
9 | 9 |
|
10 |
| -<p style="width: 294px;position: fixed; top : 64px; right: 4px;" class="Alert Alert--orange"><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/nuxt" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p><p>In case you want to use ```sass``` make sure that you have installed ```node-sass``` and ```sass-loader``` packages. If you didn't just</p> |
| 10 | +Dans le cas où vous souhaiteriez utiliser ```sass```, assurez-vous d'avoir installé les packages ```node-sass``` et ```sass-loader```. Si non, utilisez cette commande : |
11 | 11 |
|
12 | 12 | ```sh
|
13 | 13 | npm install --save-dev node-sass sass-loader
|
14 | 14 | ```
|
15 | 15 |
|
16 |
| -- Type: `Array` |
17 |
| - - Items: `String` |
| 16 | +- Type : `Array` |
| 17 | + - Éléments : `string` |
18 | 18 |
|
19 |
| -In `nuxt.config.js`, add the CSS resources: |
| 19 | +Dans `nuxt.config.js`, ajouter les ressources CSS : |
20 | 20 |
|
21 | 21 | ```js
|
22 | 22 | module.exports = {
|
23 | 23 | css: [
|
24 |
| - // Load a node module directly (here it's a SASS file) |
| 24 | + // Charge un module Node.js directement (ici un fichier Sass) |
25 | 25 | 'bulma',
|
26 |
| - // CSS file in the project |
| 26 | + // fichier CSS dans le projet |
27 | 27 | '@/assets/css/main.css',
|
28 |
| - // SCSS file in the project |
| 28 | + // un fichier SCSS dans le projet |
29 | 29 | '@/assets/css/main.scss'
|
30 | 30 | ]
|
31 | 31 | }
|
32 | 32 | ```
|
33 | 33 |
|
34 |
| -Nuxt.js will automatically guess the file type by it's extension and use the appropriate pre-processor loader for webpack. You will still need to install the required loader if you need to use them. |
| 34 | +Nuxt.js va automatiquement deviner le type de fichier grâce à son extension et utiliser l'adaptateur de préprocesseur approprié pour webpack. Vous devez toujours installer les adaptateurs requis si vous avez besoin de les utiliser. |
0 commit comments