0
NPM과 gulp를 통해 내 프로젝트 안에 jquery + jquery-ui + bootstrap을로드하려고합니다.Gulp + Browserify + Jquery + Bootstrap
내 구성은 이것이다 :
Package.json
"browser": {
"jquery": "/node_modules/jquery/dist/jquery.js",
"jquery-ui": "/node_modules/jquery-ui-browserify/jquery-ui.js"
},
"browserify-shim": {
"jquery": "$",
"jquery-ui": {
"exports": "jquery-ui",
"depends": [ "jquery:jQuery" ]
}
},
"browserify": {
"transform": [ "browserify-shim" ]
},
"dependencies": {
"bootstrap": "^3.3.6",
"jquery": "2.1.0",
"jquery-ui-browserify": "^1.11.0-pre-seelio",
}
gulpfile.js
gulp.task('browserify', function(){
return browserify([
'node_modules/jquery/dist/jquery.js',
'node_modules/jquery-ui-browserify/dist/jquery-ui.js',
'node_modules/bootstrap/dist/js/bootstrap.js',
])
.bundle()
.pipe(source('core.js'))
.pipe(buffer())
.pipe(gulp.dest('build/js'));
});
그럼 난 내의 index.php에서 assetic와 core.js를로드 하지만이 오류가 발생합니다 :
Uncaught ReferenceError: jQuery is not defined
내가 뭘 잘못하고 있니?
감사합니다.
어쩌면'JQuery와 - browserify'이 문제를 해결에 대한 자세한 설명서를 찾을 수 있습니다'NPM JQuery와 - browserify --save'를 설치합니다. 나를 위해 일했다. –
이 두 패키지'jquery'와'jquery-ui-browserify'를 설치할 수도 있습니다. –