使用jQuery UI的使用browserify

我的源browserifycoffeeify文件：使用jQuery UI的使用browserify

$ = jQuery = require 'jquery' 
require 'jq-ui' 
$ -> 
    jqueryUiIsLoaded = jQuery.ui 
    console.log "jquery-ui is loaded: #{jqueryUiIsLoaded}"

我轉換爲main.js用命令：

browserify source.coffee -t coffeeify > main.js --debug

我的package.json：

{ 
    "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

我應該怎麼做才能讓jquery-ui負載browserify？

來源

2014-10-04 Maxim Yefremov

你有沒有在沒有使用鮑爾的情況下得到這個工作？ – 2015-11-17 04:13:38

將溶液在使用debowerify：我經由bower安裝jquery和jquery-ui。我package.json是：

{ 
    "name": "jquery_ui_test", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
    "main": "browserify source.coffee -t coffeeify -t debowerify > main.js --debug" 
    }, 
    "dependencies": { 
    "coffee-script": "*" 
    }, 
    "devDependencies": { 
    "browserify": "<6", 
    "coffeeify": "^0.7.0", 
    "debowerify": "^0.8.2" 
    } 
}

我source.coffee是：

$ = window.jQuery = require("jquery") 
require "jquery-ui" 
jqueryUiIsLoaded = jQuery.ui 
console.log "jquery-ui is loaded: #{jqueryUiIsLoaded}"

和瀏覽器的控制檯輸出爲：

jquery-ui is loaded: [object Object]

所以jquery-ui工作。

來源

2014-10-05 03:57:53

那麼你如何加載例如只是自動完成，沒有它加載整個庫？ – 2015-01-19 20:15:36

我不認爲這是可能的加載自動完成沒有整個jQuery UI，不是嗎？ – 2015-01-20 00:49:05

通常情況下，你可以選擇包含什麼...... http://jqueryui.com/download/ – 2015-01-20 00:50:05

使用jQuery UI的使用browserify

回答

相關問題