내 소스 browserify
coffeeify
파일 :browserify
browserify source.coffee -t coffeeify > main.js --debug
내 package.json : 나는 명령을 main.js
로 변환
$ = jQuery = require 'jquery'
require 'jq-ui'
$ ->
jqueryUiIsLoaded = jQuery.ui
console.log "jquery-ui is loaded: #{jqueryUiIsLoaded}"
{
"name": "jquery_ui_test",
"version": "0.0.1",
"private": true,
"scripts": {
"main": "browserify source.coffee -t coffeeify > main.js --debug"
},
"browser": {
"jquery": "./node_modules/jquery/dist/jquery.min.js",
"jq-ui": "./node_modules/jquery-ui/jquery-ui.js"
},
"browserify-shim": {
"jquery": "$",
"jq-ui": {
"exports": "jq-ui",
"depends": [
"jquery:jQuery"
]
}
},
"dependencies": {
"coffee-script": "*"
},
"devDependencies": {
"browserify": "^6.0.2",
"coffeeify": "^0.7.0",
"jquery": "^2.1.1",
"jquery-ui": "^1.10.5"
}
}
내 html :
브라우저에서<html>
<head>
<script src='./main.js'/>
</head>
</html>
나는 JQuery와 UI가로드되지 않은 것을 볼 콘솔 :
jquery-ui is loaded: undefined source.coffee:5
내가 browserify
와 jquery-ui
부하를 만들기 위해 어떻게해야합니까?
Bower를 사용하지 않고도이 기능을 사용할 수 있습니까? –