在客户端包含jquery-ui-browserify
我'，使用browserify将节点模块转换为我的快车应用程序的浏览器。
这是browserify的命令
browserify -r jquery > ./public/js_app/jquery.js browserify -r jquery-ui-browserify > ./public/js_app/jquery-ui.js 这是要求jQuery
var jQuery = require('jquery');
这段代码工作正常
jQuery("#info-dialog");
但我不知道如何包含jquery-ui-browserify。 我已经尝试过，但不起作用
var jQuery = require('jquery'); require('jquery-ui-browserify'); jQuery("#info-dialog").dialog({ resizable: false, height: 100, modal: true });
谢谢
这是我如何设置这个
所以，从顶部：
- 创build项目目录：
-
mkdir myProject && cd ./myProject创build目录 -
npm init将交互式地创build你的package.json
-
- 安装依赖关系
-
sudo npm install jquery jquery-ui-browserify --save- 这安装两个和 – 保存将它们添加到您的package.json
-
- 创build应用程序结构
-
mkdir app将创build您的主文件夹 -
cd app && touch index.html app.js
-
- 在
app.js写你的脚本，需要和使用你所希望的：- 第一个
var $ = require('jquery'); require('jquery-ui-browserify');var $ = require('jquery'); require('jquery-ui-browserify'); - 在那之下，正常写脚本
- 第一个
- Browserify那jank！
- 打开terminal，如果还不在
/myProject/app/，cd进去 - 运行
browserify ./app.js > ./bundle.js
- 打开terminal，如果还不在
- 在index.html中，在closuresbody标签之前包含
<script src='bundle.js'></script>，您就可以准备好了。
示例代码
<!-- index.html --> <!DOCTYPE html> <html> <head> <title>My Project</title> </head> <body> <h1>My Project</h1> <input type="text"> <script src='bundle.js'></script> </body> </html>
在这里，刚刚标记了一个基本的html5页面，包含由bundle.js生成的bundle.js文件。 现在我们可以使用这个包。
// app.js // NOTE: remember, you code this before running `browserify ./app.js > ./bundle.js` var $ = require("jquery"); require("jquery-ui-browserify"); $(function() { $('input').autocomplete({ source: ['jquery', 'mootools', 'underscore']} ); });
希望这可以帮助！ 它对我来说是完美的。