Backend/Laravel

Laravel에서 npm으로 설치한 모듈(Toast Grid) 사용하기

곤프 2021. 3. 15. 16:49

1. git bash 실행

 

2. laravel 프로젝트 디렉터리로 이동

 

3. npm으로 tui-grid를 설치한다.

command : $ npm install --save tui-grid

 

4. package.json 파일에 tui-grid 생성되어야 함

 

5. resources\js\app.js 파일에 다운로드한 tui-grid를 require 한다.

-> css와 js 파일 2개를 require (내가 사용하려는 모듈에 따라 다름)

 

6. webpack.mix.js 파일에 autoload 추가

이 부분을 진행하지 않으면 view파일(보통 html)에서 해당 모듈이 인식되지 않음.

 

 

7. webpack mix 재진행

command : npm run dev or npm run prod

 

8. view 파일에 다음과 같이 사용

 

9. 웹에서 확인