일반 자료실

제목 ci 4.0.3 + React.js 16.13.1
글쓴이 벤지 작성시각 2020/05/27 05:06:20
댓글 : 4 추천 : 0 스크랩 : 0 조회수 : 14583   RSS

오늘 새벽에 잠깐 시간내서 시도해 봤습니다.

 

Spa  와는 별개로 

- Ci 4 안에  React 가 가능하게 적용

- webpack 으로 react 변경시 자동 Build    (  webpack 은 아주 기본만 해 놓았습니다  )

- react 의 build, dev 모드 적용 

- css, scss 적용

 

Ci 안에 특별히 해줄것은 없고, 아래 내용과 같습니다.  

1. html  코딩으로  3 라인만 추가

2. react.js 로  spa 만들듯이  react  에만 집중

 

결과 

 

태그 react.js
관련링크 https://github.com/BengiTiger119/Share-Ci4-ReactJs-WebPack
 다음글 ci 4.0.3 + VueCli 4.4.1 ( 버그 수... (3)
 이전글 PhpStorm 단축키 시트 (2)

댓글

변종원(웅파) / 2020/05/27 09:46:53 / 추천 0
와우~ 멋진거 작업하셨네요. 감사합니다.
벤지 / 2020/05/27 16:11:45 / 추천 0

오류가 하나 있었습니다. 

 

package.json 파일

-  ./node_modules/.bin/webpack  패스  수정


  "scripts": {

    "dev": "./node_modules/.bin/webpack --config ./config/webpack.config.dev.js --watch --hot",

    "build": "./node_modules/.bin/webpack --config ./config/webpack.config.prod.js"

  },

 

 

 

 

한대승(불의회상) / 2020/05/27 17:27:59 / 추천 0
오.. react 작업할 때 유용하게 쓰도록 하겠습니다.
kasumil / 2022/01/19 00:25:49 / 추천 0

안녕하세요. 궁금한 게 있습니다. 다름아니라 리액트 설치는 어떻게 하신건가요?

리액트 최신버전인 v18로 설치하고 싶은데 npx install create-react-app 폴더명으로 하는데, 글쓴이분의 방법은 react폴더안에서 하시는 방법이라 어떻게 하셨는지 궁금합니다.