我'，使用 browserify 将 Node 模块转换为我的 express 应用程序的浏览器模块。
这是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
});
谢谢
最佳答案
我是这样设置的
因此，从顶部开始:
- 创建项目目录:
-
mkdir myProject && cd ./myProject创建目录 -
npm init将以交互方式创建您的package.json
-
- 安装依赖项
-
sudo npm install jquery jquery-ui-browserify --save- 这会同时安装
--save将它们添加到您的 package.json
- 这会同时安装
-
- 创建应用结构
-
mkdir app将创建您的主文件夹 -
cd app && touch index.html app.js
-
- 在
app.js中编写脚本，需要并使用你想要的一切:- 第一个
var $ = require('jquery'); require('jquery-ui-browserify'); - 在此之下，正常编写脚本
- 第一个
- 浏览那个卡顿!
- 打开终端，如果不在
/myProject/app/中, cd 进去 - 运行
browserify ./app.js > ./bundle.js
- 打开终端，如果不在
- 在 index.html 中，包含
<script src='bundle.js'></script>就在关闭 body 标签之前，您就准备好了。
示例代码
<!-- 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 browserify 生成的文件。现在我们可以使用这个包了。
// 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']} );
});
希望对您有所帮助!它对我来说非常有效。
关于javascript - 在客户端中包含 jquery-ui-browserify，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22436413/