babel-plugin-date-fns - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #android #machine-learning #nodejs #kubernetes #awesome-list #vue #security #mcp #ios #open-source

babel-plugin-date-fns

(★ 93)

No description available.

파일 탐색기

최종 버전 다운로드 (.zip)

- index.js
- - .gitkeep
- index.js
.babelrc
.editorconfig
.gitignore
.travis.yml
LICENSE
package-lock.json
package.json
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/date-fns/babel-plugin-date-fns

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd babel-plugin-date-fns

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ npm i --save date-fns

이 명령어를 터미널에 그대로 입력해 실행하세요.

$ npm i --save-dev babel-plugin-date-fns

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# babel-plugin-date-fns

> :warning: The current version (2.x) supports date-fns v2. If you are using v1, please use [1.x](https://github.com/date-fns/babel-plugin-date-fns/tree/v1).

## Install

```shell
$ npm i --save date-fns
$ npm i --save-dev babel-plugin-date-fns
```

## Example

Transforms

```js
import { differenceInYears, format, formatDistance } from "date-fns";
```

roughly to

```js

import differenceInYears from 'date-fns/differenceInYears';
import format from "date-fns/format";
import formatDistance from "date-fns/formatDistance";
```

## Usage

### .babelrc

```json
{
  "plugins": ["date-fns"],
  "presets": ["@babel/preset-env"]
}
```

### Webpack

```js
module: {
  rules: [
    {
      test: /\.m?js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
          plugins: ['date-fns']
        }
      }
    }
  ]
}
```

## Thanks

Heavily inspired by [babel-plugin-lodash](https://github.com/lodash/babel-plugin-lodash)
and [babel-plugin-recharts](https://github.com/recharts/babel-plugin-recharts).