Skip to content

Commit

Permalink
[#13] docs: babel문서 번역
Browse files Browse the repository at this point in the history
  • Loading branch information
kmsu44 committed Jul 24, 2024
1 parent 5951b93 commit 9a40bbf
Showing 1 changed file with 12 additions and 14 deletions.
26 changes: 12 additions & 14 deletions pages/docs/pages/building-your-application/configuring/babel.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,22 @@ title: Babel
description: Extend the babel preset added by Next.js with your own configs.
---

{/* TODO: 번역이 필요합니다. */}

# Babel

<details>
<summary>Examples</summary>
<summary>예제</summary>

- [Customizing babel configuration](https://github.com/vercel/next.js/tree/canary/examples/with-custom-babel-config)
- [Babel 구성 설정하기](https://github.com/vercel/next.js/tree/canary/examples/with-custom-babel-config)

</details>

Next.js includes the `next/babel` preset to your app, which includes everything needed to compile React applications and server-side code. But if you want to extend the default Babel configs, it's also possible.
Next.js는 앱에 `next/babel` 프리셋을 포함하고 있으며, 여기에는 React 애플리케이션과 서버 사이드 코드를 컴파일하는 데 필요한 모든 것이 포함되어 있습니다. 그러나 기본 Babel 구성을 확장하는 것도 가능합니다.

## Adding Presets and Plugins

To start, you only need to define a `.babelrc` file (or `babel.config.js`) in the root directory of your project. If such a file is found, it will be considered as the _source of truth_, and therefore it needs to define what Next.js needs as well, which is the `next/babel` preset.
시작하려면 프로젝트의 루트 디렉터리에 `.babelrc` 파일(또는 `babel.config.js`)을 정의하기만 하면 됩니다. 이러한 파일이 발견되면 *진실의 원천*으로 간주되므로 Next.js에 필요한 `next/babel` 프리셋도 정의해야 합니다.

Here's an example `.babelrc` file:
다음은 `.babelrc` 파일의 예입니다:

```json filename=".babelrc"
{
Expand All @@ -29,9 +27,9 @@ Here's an example `.babelrc` file:
}
```

You can [take a look at this file](https://github.com/vercel/next.js/blob/canary/packages/next/src/build/babel/preset.ts) to learn about the presets included by `next/babel`.
`next/babel`에 포함된 프리셋에 대해 자세히 알아보려면 [이 파일](https://github.com/vercel/next.js/blob/canary/packages/next/src/build/babel/preset.ts)을 참조하십시오.

To add presets/plugins **without configuring them**, you can do it this way:
구성 없이 프리셋/플러그인을 추가하려면 다음과 같이 할 수 있습니다:

```json filename=".babelrc"
{
Expand All @@ -42,7 +40,7 @@ To add presets/plugins **without configuring them**, you can do it this way:

## Customizing Presets and Plugins

To add presets/plugins **with custom configuration**, do it on the `next/babel` preset like so:
**사용자 정의 구성**을 사용하여 프리셋/플러그인을 추가하려면 다음과 같이 `next/babel` 프리셋에서 수행하십시오:

```json filename=".babelrc"
{
Expand All @@ -61,9 +59,9 @@ To add presets/plugins **with custom configuration**, do it on the `next/babel`
}
```

To learn more about the available options for each config, visit babel's [documentation](https://babeljs.io/docs/) site.
각 구성에 사용할 수 있는 옵션에 대해 자세히 알아보려면 Babel의 [문서](https://babeljs.io/docs/) 사이트를 방문하십시오.

> **Good to know**:
> **알아두면 좋은 점**:
>
> - Next.js uses the [**current** Node.js version](https://github.com/nodejs/release#release-schedule) for server-side compilations.
> - The `modules` option on `"preset-env"` should be kept to `false`, otherwise webpack code splitting is turned off.
> - Next.js는 서버 사이드 컴파일에 [**현재** Node.js 버전](https://github.com/nodejs/release#release-schedule)을 사용합니다.
> - `"preset-env"``modules` 옵션은 `false`로 유지해야 하며, 그렇지 않으면 webpack 코드 분할이 비활성화됩니다.

0 comments on commit 9a40bbf

Please sign in to comment.