Skip to content

Tradução Webpacker > 2. Instalando Webpacker #809

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
leticiayanaguya wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Tradução Webpacker > 2. Instalando Webpacker #809

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
63475c3
Adicionando tradução
leticiayanaguya Oct 23, 2022
1ab54db
Update pt-BR/webpacker.md
leticiayanaguya Oct 23, 2022
4800aaf
Melhorando primeiro parágrafo
leticiayanaguya Oct 23, 2022
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
24 changes: 12 additions & 12 deletions pt-BR/webpacker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,27 +47,27 @@ Se você estiver familiarizado com o Sprockets, o guia a seguir pode trazer idei
|Link de um *asset* |asset_url |asset_pack_tag |
|Requerer um *script* |//= require |import or require |

Installing Webpacker
Instalando Webpacker
--------------------

To use Webpacker, you must install the Yarn package manager, version 1.x or up, and you must have Node.js installed, version 10.13.0 and up.
Para instalar Webpacker, você precisa instalar o gerenciador de pacotes Yarn, versão 1.x ou acima, e você precisa ter Node.js instalado, versão 10.13.0 ou acima.
Comment thread
leticiayanaguya marked this conversation as resolved.
Outdated

NOTE: Webpacker depends on NPM and Yarn. NPM, the Node package manager registry, is the primary repository for publishing and downloading open-source JavaScript projects, both for Node.js and browser runtimes. It is analogous to rubygems.org for Ruby gems. Yarn is a command-line utility that enables the installation and management of JavaScript dependencies, much like Bundler does for Ruby.
NOTA: O Webpacker depende do NPM e do Yarn. O NPM, o registro do gerenciador de pacotes do Node, é o repositório principal para publicação e download de projetos JavaScript de código aberto, tanto para Node.js quanto para _runtimes_ do navegador. É análogo ao rubygems.org para as gems Ruby. Yarn é uma utilidade em linha de comando que habilita a instalação e gerenciamento de dependências JavaScript, muito parecido com o que o Bundler faz para Ruby.

@thais-kusuki-vindi thais-kusuki-vindi Nov 10, 2022

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
NOTA: O Webpacker depende do NPM e do Yarn. O NPM, o registro do gerenciador de pacotes do Node, é o repositório principal para publicação e download de projetos JavaScript de código aberto, tanto para Node.js quanto para _runtimes_ do navegador. É análogo ao rubygems.org para as gems Ruby. Yarn é uma utilidade em linha de comando que habilita a instalação e gerenciamento de dependências JavaScript, muito parecido com o que o Bundler faz para Ruby.
NOTE: O Webpacker depende do NPM e do Yarn. O NPM, o registro do gerenciador de pacotes do Node, é o repositório principal para publicação e download de projetos JavaScript de código aberto, tanto para Node.js quanto para _runtimes_ do navegador. É análogo ao rubygems.org para as gems Ruby. Yarn é uma utilidade em linha de comando que habilita a instalação e gerenciamento de dependências JavaScript, muito parecido com o que o Bundler faz para Ruby.

Não traduzimos o NOTE aqui pois ele será interpretado para renderizar uma caixa de texto estilidada. 😉
https://github.com/campuscode/rails-guides-pt-BR/blob/main/TRANSLATION_MANUAL.md#tip-note-e-warning

@HenriqueMorato HenriqueMorato Nov 24, 2022

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@leticiayanaguya pode dar uma olhada no comentário da @tkusuki ?


To include Webpacker in a new project, add `--webpack` to the `rails new` command. To add Webpacker to an existing project, add the `webpacker` gem to the project's `Gemfile`, run `bundle install`, and then run `bin/rails webpacker:install`.
Para incluir Webpacker em um novo projeto, adicione `--webpack` no comando `rails new`. Para adicionar o Webpacker em um projeto já criado, adicione a gem `webpacker` no `Gemfile`, rode `bundle install`, e então execute `bin/rails webpacker:install`.

Installing Webpacker creates the following local files:
Instalar o Webpacker cria os seguintes arquivos locais:

|File |Location |Explanation |
|Arquivo |Localização |Explicação |
|------------------------|------------------------|----------------------------------------------------------------------------------------------------|
|JavaScript Folder | `app/javascript` |A place for your front-end source |
|Webpacker Configuration | `config/webpacker.yml` |Configure the Webpacker gem |
|Babel Configuration | `babel.config.js` |Configuration for the [Babel](https://babeljs.io) JavaScript Compiler |
|PostCSS Configuration | `postcss.config.js` |Configuration for the [PostCSS](https://postcss.org) CSS Post-Processor |
|Browserlist | `.browserslistrc` |[Browserlist](https://github.com/browserslist/browserslist) manages target browsers configuration |
|Pasta JavaScript | `app/javascript` |Um lugar para suas fontes de front-end |
|Configuração Webpacker | `config/webpacker.yml` |Configura a gem Webpacker |
|Configuração Babel | `babel.config.js` |Configuração para o Compilador JavaScript [Babel](https://babeljs.io) |
|Configuração PostCSS | `postcss.config.js` |Configuração para o Pré-Processador CSS[PostCSS](https://postcss.org) |
|Browserlist | `.browserslistrc` |[Browserlist](https://github.com/browserslist/browserslist) gerencia configuração de navegadores |


The installation also calls the `yarn` package manager, creates a `package.json` file with a basic set of packages listed, and uses Yarn to install these dependencies.
A instalação também chama o gerenciador de pacotes `yarn`, cria um arquivo `package.json` com uma lista básica de pacotes, e usa Yarn para instalar essas dependências.

Usage
-----
Expand Down