Traduction de `deployment.md` #70

MachinisteWeb · 2017-06-20T07:11:29Z

Et un fichier de plus !

Signed-off-by: Bruno Lesieur <[email protected]>

sylvainpolletvillard

1ère relecture

sylvainpolletvillard · 2017-06-20T07:56:26Z

src/v2/guide/deployment.md

@@ -1,24 +1,24 @@
 ---
-title: Production Deployment Tips (En)
+title: Astuce de déploiement en production


sylvainpolletvillard · 2017-06-20T07:58:32Z

src/v2/guide/deployment.md


-<p class="tip">**Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou [participez à la traduction française ici](https://github.com/vuejs-fr/vuejs.org).**</p><p>During development, Vue provides a lot of warnings to help you with common errors and pitfalls. However, these warning strings become useless in production and bloat your app's payload size. In addition, some of these warning checks have small runtime costs that can be avoided in production mode.</p>
+Pendant le développement, Vue fournit beaucoup d'avertissements pour vous aider avec les erreurs usuelles et les pièges. Ces suites d'avertissements deviennent cependant inutiles en production et gonflent votre taille en production. De plus, plusieurs de ces avertissements ont un léger coût d'exécution qui peut être évité en mode production.


Ces messages d'avertissement

et gonflent la taille de votre application en production
(pas touche à mon tour de taille !)

certains de ces avertissements

some == certain, some == certain, some == certain... ça rentre quand dans ta tête @#$!?~ !

sylvainpolletvillard · 2017-06-20T07:59:32Z

src/v2/guide/deployment.md


-If you are using the full build, i.e. directly including Vue via a script tag without a build tool, make sure to use the minified version (`vue.min.js`) for production. Both versions can be found in the [Installation guide](installation.html#Direct-lt-script-gt-Include).
+Si vous utilisez la version complète, c.-à-d. en incluant directement Vue via une balise script sans outil de build, assurez-vous d'utiliser la version minifiée (`vue.min.js`) pour la production. Ces deux versions peuvent être trouvée dans le [guide d'installation](installation.html#Inclusion-directe-lt-script-gt).


sylvainpolletvillard · 2017-06-20T08:02:23Z

src/v2/guide/deployment.md


-When using a build tool like webpack or Browserify, the production mode will be determined by `process.env.NODE_ENV` inside Vue's source code, and it will be in development mode by default. Both build tools provide ways to overwrite this variable to enable Vue's production mode, and warnings will be stripped by minifiers during the build. All `vue-cli` templates have these pre-configured for you, but it would be beneficial to know how it is done:
+Quand vous utilisez un outil de build comme webpack ou Browserify, le mode production va déterminer la valeur de `process.env.NODE_ENV` utilisée dans le code source, et sera en mode développement par défaut. Ces deux outils fournissent des moyens de surcharger cette variable pour activer le mode production de Vue, et les avertissements seront retirés par le minificateur pendant le build. Tous les templates `vue-cli` sont pré-configurés pour vous, mais il est avantageux de savoir comment cela fonctionne :


sera déterminé par la valeur de process.env.NODE_ENV dans le code source de Vue

sylvainpolletvillard · 2017-06-20T08:03:52Z

src/v2/guide/deployment.md


 #### webpack

-Use webpack's [DefinePlugin](https://webpack.js.org/plugins/define-plugin/) to indicate a production environment, so that warning blocks can be automatically dropped by UglifyJS during minification. Example config:
+Utiliser le plugin [DefinePlugin](https://webpack.js.org/plugins/define-plugin/) de webpack pour indiquer un environnement en production, ainsi les structures d'avertissement seront ignorées par UglifyJS pendant la minification. Un exemple de configuration :


un environnement de production

les blocs d'avertissements seront ignorés

sylvainpolletvillard · 2017-06-20T08:20:17Z

src/v2/guide/deployment.md


-## Extracting Component CSS
+## Extraction CSS depuis les composants


Extraire le CSS des composants

sylvainpolletvillard · 2017-06-20T08:21:36Z

src/v2/guide/deployment.md


-When using Single-File Components, the CSS inside components are injected dynamically as `<style>` tags via JavaScript. This has a small runtime cost, and if you are using server-side rendering it will cause a "flash of unstyled content". Extracting the CSS across all components into the same file will avoid these issues, and also result in better CSS minification and caching.
+Lors de l'utilisation de composants monofichiers, le CSS à l'intérieur du composant est injecté dynamiquement en tant que balise `<style>` via JavaScript. Ceci a un léger coût d'exécution, et si vous utilisez du rendu côté serveur, cela causera le phénomène de FOUC (« flash of unstyled content »). Extraire le CSS depuis tous les composants dans le même fichier évite ces problèmes et mène à une meilleur minification et mise en cache.


à l'intérieur des composants

sous la forme de balises <style>

Flash Of Unstyled Content
(majuscules pour mettre en avant l'acronyme)

et amène à une meilleure minification et mise en cache du CSS.

sylvainpolletvillard · 2017-06-20T08:25:16Z

src/v2/guide/deployment.md


-Refer to the respective build tool documentations to see how it's done:
+Referez-vous respectivement aux documentations des outils de build pour voir comment obtenir cela :


Référez-vous aux documentions respectives des outils de build pour voir comment cela est fait :

sylvainpolletvillard · 2017-06-20T08:25:42Z

src/v2/guide/deployment.md


- [webpack + vue-loader](http://vue-loader.vuejs.org/en/configurations/extract-css.html) (the `vue-cli` webpack template has this pre-configured)
+- [webpack + vue-loader](http://vue-loader.vuejs.org/en/configurations/extract-css.html) (le template webpack `vue-cli` a sa propre pré-configuration)


a cela pré-configuré

sylvainpolletvillard · 2017-06-20T08:27:03Z

src/v2/guide/deployment.md


-If a runtime error occurs during a component's render, it will be passed to the global `Vue.config.errorHandler` config function if it has been set. It might be a good idea to leverage this hook together with an error-tracking service like [Sentry](https://sentry.io), which provides [an official integration](https://sentry.io/for/vue/) for Vue.
+Si une erreur d'exécution est levée pendant le rendu d'un composant, elle sera passée à la fonction de configuration globale `Vue.config.errorHandler` si elle a été affectée. C'est toujours une bonne idée de coupler ce hook avec un service de suivie d'erreur comme [Sentry](https://sentry.io), qui fournit [une intégration officielle](https://sentry.io/for/vue/) pour Vue.


suivi d'erreur

Signed-off-by: Bruno Lesieur <[email protected]>

MachinisteWeb · 2017-06-22T09:59:12Z

Merci @sylvainpolletvillard pour cette review parfaite comme toujours ! Quelque delta mentionné en commentaire FYI.

forresst

Quelques erreurs.
Beau travail

forresst · 2017-06-22T10:59:53Z

src/v2/guide/deployment.md


-When using a build tool like webpack or Browserify, the production mode will be determined by `process.env.NODE_ENV` inside Vue's source code, and it will be in development mode by default. Both build tools provide ways to overwrite this variable to enable Vue's production mode, and warnings will be stripped by minifiers during the build. All `vue-cli` templates have these pre-configured for you, but it would be beneficial to know how it is done:
+Quand vous utilisez un outil de build comme webpack ou Browserify, le mode production sera déterminé par la valeur de `process.env.NODE_ENV` utilisée dans le code source de Vue, et sera en mode développement par défaut. Ces deux outils fournissent des moyens de surcharger cette variable pour activer le mode production de Vue, et les avertissements seront retirés par le minificateur pendant le build. Tous les templates `vue-cli` sont pré-configurés pour vous, mais il est avantageux de savoir comment cela fonctionne :


dans le code source de Vue et sera en mode développement

Suppression de la virgule après Vue, normalement pas de virgule avant un "et"

le mode production de Vue et les avertissements seront

Suppression de la virgule après Vue, normalement pas de virgule avant un "et"

Tous les templates vue-cli sont pré-configurés pour vous, mais ~~il est avantageux~~ c'est utile de savoir comment cela fonctionne :

"avantageux" n'est pas pour moi une bonne traduction dans ce contexte, "utile" me parait plus approprié

Bon pour moi, je vais utiliser « serait utile » car « would be »

On peut mettre des virgules avant un "et" pour mieux rythmer la phrase et faciliter la lecture :

La virgule est d'usage avec - et :

Lorsque, par figure de style, tous les éléments d'une énumération sont précédés de la conjonction.
Et la Lune, et le Soleil, et les astres entiers saluaient sa venue.

Lorsque la conjonction et marque, plus que l'énumération, la conséquence, l'opposition ou la surprise.
J'ai goûté à l'étrange dessert qu'Aude a préparé, et j'ai été agréablement surprise.

Lorsque les propositions coordonnées ont des sujets différents.
J'étais presque libérée de ton souvenir, et te voilà qui reviens me hanter !

Ici c'est la règle 2. conséquence qui s'applique. Je suis d'avis de garder les virgules comme dans le texte original

Bon pour moi

Un tips que j'utilise c'est « ainsi que » ou « ainsi ».

Si tu peux dire « ainsi », alors l'usage de la virgule sera utile.

Si tu peux dire « ainsi que », alors il ne faut pas mettre de virgule.

« Ces deux outils fournissent des moyens de surcharger cette variable pour activer le mode production de Vue ainsi les avertissements seront retirés par le minificateur pendant le build. » => donc virgule utile.

J'ai acheter des carottes, des tomates, des concombre ainsi que des choux. => donc virgule inutile.

Le tips couvre pas la répétition de la conjonction mais elle est assez rare. En général on aura tendance à mettre des virgule avant un et final ou a justement mettre des virgules car et... et... et... c'est trop lourd.

forresst · 2017-06-22T11:10:17Z

src/v2/guide/deployment.md


-Refer to the respective build tool documentations to see how it's done:
+Référez-vous aux documentions respectives des outils de build pour voir comment cela est fait :


Référez-vous aux documentations ~~documentions~~ respectives des outils de build pour voir comment cela est fait :

Signed-off-by: Bruno Lesieur <[email protected]>

sylvainpolletvillard · 2017-06-22T14:43:41Z

j'ai un avis différent sur le retour de @forresst sur les virgules avant "et, à débattre

Traduction de deployment.md

b50d897

Signed-off-by: Bruno Lesieur <[email protected]>

MachinisteWeb self-assigned this Jun 20, 2017

MachinisteWeb requested review from forresst, sylvainpolletvillard and Kocal June 20, 2017 07:11

MachinisteWeb mentioned this pull request Jun 20, 2017

Pages en cours de traduction #3

Open

MachinisteWeb added the Relecture nécessaire label Jun 20, 2017

sylvainpolletvillard requested changes Jun 20, 2017

View reviewed changes

Ajout des modifications apportées par Sylvain

dcdd136

Signed-off-by: Bruno Lesieur <[email protected]>

sylvainpolletvillard approved these changes Jun 22, 2017

View reviewed changes

forresst reviewed Jun 22, 2017

View reviewed changes

Ajout des retours de @kokal sur le sujet.

59ec577

Signed-off-by: Bruno Lesieur <[email protected]>

MachinisteWeb merged commit 5cc8494 into vuejs-fr:master Jun 22, 2017

MachinisteWeb deleted the deployment branch June 22, 2017 13:57

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Traduction de `deployment.md` #70

Traduction de `deployment.md` #70

MachinisteWeb commented Jun 20, 2017

sylvainpolletvillard left a comment

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

MachinisteWeb Jun 22, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

sylvainpolletvillard Jun 20, 2017

MachinisteWeb commented Jun 22, 2017

forresst left a comment

forresst Jun 22, 2017

MachinisteWeb Jun 22, 2017

sylvainpolletvillard Jun 22, 2017 •

edited

Loading

MachinisteWeb Jun 22, 2017 •

edited

Loading

forresst Jun 22, 2017

sylvainpolletvillard commented Jun 22, 2017


		<p class="tip">Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou [participez à la traduction française ici](https://github.com/vuejs-fr/vuejs.org).</p><p>During development, Vue provides a lot of warnings to help you with common errors and pitfalls. However, these warning strings become useless in production and bloat your app's payload size. In addition, some of these warning checks have small runtime costs that can be avoided in production mode.</p>
		Pendant le développement, Vue fournit beaucoup d'avertissements pour vous aider avec les erreurs usuelles et les pièges. Ces suites d'avertissements deviennent cependant inutiles en production et gonflent votre taille en production. De plus, plusieurs de ces avertissements ont un léger coût d'exécution qui peut être évité en mode production.


		If you are using the full build, i.e. directly including Vue via a script tag without a build tool, make sure to use the minified version (`vue.min.js`) for production. Both versions can be found in the [Installation guide](installation.html#Direct-lt-script-gt-Include).
		Si vous utilisez la version complète, c.-à-d. en incluant directement Vue via une balise script sans outil de build, assurez-vous d'utiliser la version minifiée (`vue.min.js`) pour la production. Ces deux versions peuvent être trouvée dans le [guide d'installation](installation.html#Inclusion-directe-lt-script-gt).


		When using a build tool like webpack or Browserify, the production mode will be determined by `process.env.NODE_ENV` inside Vue's source code, and it will be in development mode by default. Both build tools provide ways to overwrite this variable to enable Vue's production mode, and warnings will be stripped by minifiers during the build. All `vue-cli` templates have these pre-configured for you, but it would be beneficial to know how it is done:
		Quand vous utilisez un outil de build comme webpack ou Browserify, le mode production va déterminer la valeur de `process.env.NODE_ENV` utilisée dans le code source, et sera en mode développement par défaut. Ces deux outils fournissent des moyens de surcharger cette variable pour activer le mode production de Vue, et les avertissements seront retirés par le minificateur pendant le build. Tous les templates `vue-cli` sont pré-configurés pour vous, mais il est avantageux de savoir comment cela fonctionne :


		## Extracting Component CSS
		## Extraction CSS depuis les composants


		When using Single-File Components, the CSS inside components are injected dynamically as `<style>` tags via JavaScript. This has a small runtime cost, and if you are using server-side rendering it will cause a "flash of unstyled content". Extracting the CSS across all components into the same file will avoid these issues, and also result in better CSS minification and caching.
		Lors de l'utilisation de composants monofichiers, le CSS à l'intérieur du composant est injecté dynamiquement en tant que balise `<style>` via JavaScript. Ceci a un léger coût d'exécution, et si vous utilisez du rendu côté serveur, cela causera le phénomène de FOUC (« flash of unstyled content »). Extraire le CSS depuis tous les composants dans le même fichier évite ces problèmes et mène à une meilleur minification et mise en cache.


		Refer to the respective build tool documentations to see how it's done:
		Referez-vous respectivement aux documentations des outils de build pour voir comment obtenir cela :


		- [webpack + vue-loader](http://vue-loader.vuejs.org/en/configurations/extract-css.html) (the `vue-cli` webpack template has this pre-configured)
		- [webpack + vue-loader](http://vue-loader.vuejs.org/en/configurations/extract-css.html) (le template webpack `vue-cli` a sa propre pré-configuration)


		If a runtime error occurs during a component's render, it will be passed to the global `Vue.config.errorHandler` config function if it has been set. It might be a good idea to leverage this hook together with an error-tracking service like [Sentry](https://sentry.io), which provides [an official integration](https://sentry.io/for/vue/) for Vue.
		Si une erreur d'exécution est levée pendant le rendu d'un composant, elle sera passée à la fonction de configuration globale `Vue.config.errorHandler` si elle a été affectée. C'est toujours une bonne idée de coupler ce hook avec un service de suivie d'erreur comme [Sentry](https://sentry.io), qui fournit [une intégration officielle](https://sentry.io/for/vue/) pour Vue.

Traduction de deployment.md #70

Traduction de deployment.md #70

Conversation

MachinisteWeb commented Jun 20, 2017

sylvainpolletvillard left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

MachinisteWeb commented Jun 22, 2017

forresst left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

sylvainpolletvillard Jun 22, 2017 • edited Loading

Choose a reason for hiding this comment

MachinisteWeb Jun 22, 2017 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

sylvainpolletvillard commented Jun 22, 2017

Traduction de `deployment.md` #70

Traduction de `deployment.md` #70

sylvainpolletvillard Jun 22, 2017 •

edited

Loading

MachinisteWeb Jun 22, 2017 •

edited

Loading