반응형
`[--some code with ${var} sentence.--]`
를 pattern replace 로 다른 언어로 transform 하고자 하여, 이걸 유지하고 싶기 때문에 @babel/preset-env (: ES6+ 코드를 ES5로 트랜스파일링하고 브라우저 폴리필을 자동화해 주는) 는 일부러 뺌.)
```[.linenums]
npm init -y
npm install webpack webpack-cli @webpack-cli/generators babel-loader @babel/core @babel/preset-react html-webpack-plugin --save-dev
npm install react react-dom jquery immer use-immer
npm install typescript typescript@next @types/react @types/react-dom @types/jquery ts-loader @babel/preset-typescript --save-dev
// type JQuery for $("#some-id .some-class") object.
npm install style-loader css-loader terser-webpack-plugin --save-dev
npm install redux @reduxjs/toolkit
tsc --init
npx webpack init
```/
파일 package.json
이 잘 설정되어 있다면,
```[.linenums]
npm install
npm install --upgrade
// 최신 버전으로 다시 깔기.
```/
만 치면 알아서 다 깔리는듯?
## PH
- 2024-03-30 : First posting.
반응형
'[IT/Programming] > HTML related' 카테고리의 다른 글
Vertical center align by CSS in HTML (0) | 2024.05.05 |
---|---|
HTML CSS composes, and pseudo-element :after, :active:after, and transition (0) | 2024.04.23 |
순수한 완전 쉬운 편집 (SEE: Super Easy Edit) 문서K (Markdown: 마크다운): 사용 설명서. (0) | 2024.04.23 |
Super Easy Edit (SEE | 엄청 쉬운 편집) of docuK (문서K: MarkDown | 마크다운): 사용 설명서. (0) | 2024.04.23 |
pure SEE (Super Easy Edit) of docuK (Markdown): 사용 설명서 (Manual | Documentation | Tutorial). (1) | 2024.04.23 |
Super Easy Edit (SEE) of docuK: 사용 설명서 (Manual | Documentation | Tutorial). (2) | 2024.04.23 |
VtoV Back-end 개발자용 과제 테스트 (1) | 2024.04.23 |