Codeigniter4-ReactJs-WebPack

셋팅 및 빌드

• 최상위 디렉토리에서 : npm install

• 개발시 : npm run dev ( 또는 yarn dev )

• 배포시 : npm run build ( 또는 yarn build )

---

React 개발 작업 위치

• react/app.js

React 결과물 저장 위치

• public/dist

---

ci 에 React 적용

• ci/app/Views/welcome_message.php

<!-- Line Number : 11 -->
<link rel="stylesheet" type="text/css" href="/dist/style.css" />

<!-- Line Number : 264 -->
<div id="app"></div>

<!-- Line Number : 387  -->
<script src="/dist/main.js" charset="utf-8"></script>

---

mistake

file name : package.json

"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"
 
},