Skip to content
This repository was archived by the owner on Jan 20, 2025. It is now read-only.

Traducao using-a-plugin-in-your-site #215

Merged
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions docs/docs/using-a-plugin-in-your-site.md
Original file line number Diff line number Diff line change
@@ -1,34 +1,34 @@
---
title: Using a Plugin in Your Site
title: Usando um Plugin em Seu Site
---

Gatsby plugins are Node.js packages, so you can install them like other packages in node using NPM.
Plugins do Gatsby são pacotes do Node.js, assim você pode instalar eles como qualquer outro pacote do Node usando NPM.

For example, `gatsby-transformer-json` is a package that adds support for JSON files to the Gatsby data layer.
Por exemplo, `gatsby-transformer-json` é um pacote que adiciona suporte para arquivos JSON na camada de dados do Gatsby.

To install it, in the root of your site you run:
Para instalar ele, execute na raiz do seu site:

```shell
npm install --save gatsby-transformer-json
```

Then in your site's `gatsby-config.js` you add `gatsby-transformer-json` to the plugins array like:
Então, no `gatsby-config.js` do seu site, você adiciona `gatsby-transformer-json` ao array de plugins desta forma:

```javascript:title=gatsby-config.js
module.exports = {
plugins: [`gatsby-transformer-json`],
}
```

Plugins can take options. For example:
Plugins podem ter opções. Por exemplo:

```javascript:title=gatsby-config.js
module.exports = {
plugins: [
// Shortcut for adding plugins without options.
// Atalho para adicionar plugins sem opções.
"gatsby-plugin-react-helmet",
{
// Standard plugin with options example
// Exemplo padrão de plugin com opções.
resolve: `gatsby-source-filesystem`,
options: {
path: `${__dirname}/src/data/`,
Expand All @@ -37,20 +37,20 @@ module.exports = {
},
{
resolve: "gatsby-plugin-offline",
// Blank options, equivalent to string-only plugin
// Opções em branco, equivalentes ao plugin somente string.
options: {
plugins: [],
},
},
{
resolve: `gatsby-transformer-remark`,
options: {
// plugins inside plugins
// Plugins dentro de plugins.
plugins: [`gatsby-remark-smartypants`],
},
},
],
}
```

Note that plugin options will be stringified by Gatsby, so they cannot be functions.
Observe que as opções do plugin serão convertidas em string pelo Gatsby, então elas não podem ser funções.