프론트엔드에 대한 개념이 조금 부족한 상태입니다.
resources\app.js 파일에 import 또는 require 로 패키지를 로딩하는 정도로만 관리를 하고 있는데, jquery-validation 패키지는 import 로도 export 로도 사용할 수가 없습니다.
mix 가 컴파일하는 public\app.js 에는 코드가 삽입되어있는 것을 확인했습니다.
그전에 추가한 jquery-datetimepicker 라는 패키지는 import 로 로드한 후에, blade 템플릿에 추가한 스크립트에서도 사용이 가능하고 chrome console 에서 함수를 쓰면 적절한 응답이 돌아옵니다.
어떻게 하면 mix 로 jquery-validation 패키지를 사용할 수 있을까요?
어떤 형태의 패키지는 import 를 써야하고, 어떤 것은 require 를 써야하고 하는 규칙이 있을까요?
----- package.json
...
"dependencies": {...
"jquery-datetimepicker": "^2.5.20","jquery-validation": "^1.19.0",
----- resources\bootstrap.js
window.$ = window.jQuery = require('jquery');
----- resources\app.js
import 'jquery-datetimepicker';import 'jquery-validation';
> $.datetimepicker
{setLocale: ƒ, setDateFormatter: ƒ, RFC_2822: "D, d M Y H:i:s O", ATOM: "Y-m-dTH:i:sP", ISO_8601: "Y-m-dTH:i:sO", …}
> $.validate
undifined
프론트엔드에 대한 개념이 조금 부족한 상태입니다.
resources\app.js 파일에 import 또는 require 로 패키지를 로딩하는 정도로만 관리를 하고 있는데, jquery-validation 패키지는 import 로도 export 로도 사용할 수가 없습니다.
mix 가 컴파일하는 public\app.js 에는 코드가 삽입되어있는 것을 확인했습니다.
그전에 추가한 jquery-datetimepicker 라는 패키지는 import 로 로드한 후에, blade 템플릿에 추가한 스크립트에서도 사용이 가능하고 chrome console 에서 함수를 쓰면 적절한 응답이 돌아옵니다.
어떻게 하면 mix 로 jquery-validation 패키지를 사용할 수 있을까요?
어떤 형태의 패키지는 import 를 써야하고, 어떤 것은 require 를 써야하고 하는 규칙이 있을까요?
----- package.json
...
"dependencies": {
...
"jquery-datetimepicker": "^2.5.20",
"jquery-validation": "^1.19.0",
...
----- resources\bootstrap.js
...
window.$ = window.jQuery = require('jquery');
...
----- resources\app.js
...
import 'jquery-datetimepicker';
import 'jquery-validation';
...
> $.datetimepicker
{setLocale: ƒ, setDateFormatter: ƒ, RFC_2822: "D, d M Y H:i:s O", ATOM: "Y-m-dTH:i:sP", ISO_8601: "Y-m-dTH:i:sO", …}
> $.validate
undifined