Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit 562b75f

Browse files
committed
Translate faq/pre-rpocessors
1 parent fad50da commit 562b75f

File tree

1 file changed

+31
-0
lines changed

1 file changed

+31
-0
lines changed

fr/faq/pre-processors.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
title: Pré-processeurs
3+
description: Comment utiliser des pré-processeurs avec Nuxt.js?
4+
---
5+
6+
# Comment utiliser des pré-processeurs?
7+
8+
Grâce à [vue-loader](http://vue-loader.vuejs.org/en/configurations/pre-processors.html), vous pouvez utiliser n'importe quel pré-processeur pour vos `<template>`, `<script>` or `<style>`: il suffit d'utiliser l'attribut `lang`.
9+
10+
Exemple d'une `pages/index.vue` utilisant [Pug](https://github.com/pugjs/pug), [CoffeeScript](http://coffeescript.org) et [Sass](http://sass-lang.com/):
11+
12+
```html
13+
<template lang="pug">
14+
h1.red Hello {{ name }}!
15+
</template>
16+
17+
<script lang="coffee">
18+
module.exports = data: ->
19+
{ name: 'World' }
20+
</script>
21+
22+
<style lang="sass">
23+
.red
24+
color: red
25+
</style>
26+
```
27+
28+
Pour ête en mesure d'utiliser ces pré-processeurs, nous devons installer leurs loaders webpack:
29+
```bash
30+
npm install --save-dev pug@2.0.0-beta6 pug-loader coffee-script coffee-loader node-sass sass-loader
31+
```

0 commit comments

Comments
 (0)