Npm 狼吞虎咽+；Browserify&x2B；Jquery+；独自创立

我正试图通过NPM和gulp在我的项目中加载jquery+jQueryUI+引导

我的配置如下：

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加载core.js和assetic，但出现以下错误：

Uncaught ReferenceError: jQuery is not defined

我做错了什么

---

谢谢。

我不知道您想在那里做什么，但请记住，您应该传递给browserify实例的是应用程序的入口点，而不是依赖项

然后在应用程序中，您可以使用

require

函数加载这些依赖项：

var $ = require('jquery');

在编译browserify时，它将自动为您做两件事：

他会把你需要的任何图书馆都放进你的包里

他将通过将您的

require

语句替换为对该库捆绑副本的引用来解决这些语句

只要库是通过npm安装的，您就不需要任何额外的配置。另一方面，如果库位于非常规位置，则需要告诉browserify如何解决它

---

无论如何，您可以在

上找到更多文档，我不知道您在那里尝试做什么，但请记住，您应该传递给browserify实例的是应用程序的入口点，而不是依赖项

然后在应用程序中，您可以使用

require

函数加载这些依赖项：

var $ = require('jquery');

在编译browserify时，它将自动为您做两件事：

他会把你需要的任何图书馆都放进你的包里

他将通过将您的

require

语句替换为对该库捆绑副本的引用来解决这些语句

只要库是通过npm安装的，您就不需要任何额外的配置。另一方面，如果库位于非常规位置，则需要告诉browserify如何解决它

---

无论如何，您可以在

上找到更多文档，可能

jquery browserify

解决了问题

npm安装jquery browserify--save

。为我工作。你甚至可以安装这两个软件包

jquery

和

jqueryui-browserify

。也许

jquery-browserify

可以解决这个问题

npm-install-jquery-browserify--save

。你甚至可以安装这两个软件包

jquery

和

jqueryui-browserify

。