grunt-browserify 找不到 jquery 模块答案

【问题标题】：jquery module not found by grunt-browserifygrunt-browserify 找不到 jquery 模块
【发布时间】：2014-08-26 21:04:29
【问题描述】：

我的应用配置包括：

package.json

{
  "name": "myapp",
  "version": "0.0.1",
  "scripts": {
    "start": "node app"
  },
  "repository": {
    "type": "git",
    "url": "git@github.com:me/myapp"
  },
  "dependencies": {
    "browserify": "^5.10.1",
    "browserify-shim": "^3.7.0",
    "grunt-browserify": "^2.1.4",
  },
  "engines": {
    "node": "0.10.x"
  },
  "browser": {
    "jquery": "public/bower_components/jquery/dist/jquery.min.js"
  },
  "browserify-shim": {
    "jquery": { "exports": "$" }
  },
  "browserify": {
    "transform": [
      "browserify-shim"
    ]
  }
}

Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
        browserify: {
            app: {
                src: [ 'public/javascripts/app.js' ],
                dest: 'public/javascripts/build.js'
            }
        }
    });

    grunt.loadNpmTasks('grunt-browserify');
    grunt.registerTask('default', ['browserify']);
};

public/javascripts/app.js

var $ = require('jquery');

$(document).ready(function() {
    alert('Ciao!');
});

结果是：

运行“browserify:app”（浏览）任务错误：从“/Users/me/GitHub/myapp/public/javascripts/app.js”中找不到模块“jquery”

我在网上找到了类似的配置示例，找不到我的错误，请帮助我！我只想在我的项目中同时使用 grunt 和 browserify。下一步将包括 twitter 引导程序。

顺便说一句，我不想安装 jquery npm 模块，想使用 bower。

【问题讨论】：

标签： jquery node.js gruntjs browserify

【解决方案1】：

您是否尝试过使用debowerify？如果你使用 debowerify，你的 package.json 将被简化如下：

package.json

{
  "name": "myapp",
  "version": "0.0.1",
  "scripts": {
    "start": "node app"
  },
  "repository": {
    "type": "git",
    "url": "git@github.com:me/myapp"
  },
  "dependencies": {
    "debowerify": "^0.8.1",
    "grunt": "^0.4.5",
    "grunt-browserify": "^3.0.1",
  },
  "engines": {
    "node": "0.10.x"
  },
  "browserify": {
    "transform": [
      "debowerify"
    ]
  }
}

Gruntfile.js 和 public/javascripts/app.js 还是可以和上面一样

【讨论】：