6

最新のノードと Grunt 0.4.x を使用して、0.10.x を反応させます

Grunt を介して、jquery が必要な React JSX ファイルで browserify を実行する方法:

var $ = require('jquery');

同様の問題について読んだ後、shim 変換をpackage.jsonに移動しようとしました。私のpackage.jsonファイルの一番下に次のものがあります:

  "browser": {
    "jquery": "./bower_components/jquery/jquery.min.js",
    "bootstrap": "./bower_components/bootstrap/dist/js/bootstrap.min.js"
  },
  "browserify-shim": {
    "jquery": {
      "exports": "$"
    },
    "bootstrap": {
      "exports": "bootstrap",
      "depends": [ "jquery:$" ]
    }
  },
  "browserify": {
    "transform": [ "browserify-shim" ]
  }

Grunt の単純な JavaScript ファイル ("var $ = require('jquery');" のみ) で解決するために browserify を取得できません 。Gruntfile.jsには次のものがあります。

browserify: {
  options: {
    debug: true
  },

  src: ['src/views/**/*.js'],
  dest: 'build/javascript/client.js'
},

Grunt を実行すると、次のエラーが発生します。

Error: module "jquery" not found from "D:\\development\\projects\\Prenotes\\src\\views\\dummy.js"

これが機能するようになったら、「reactify」をpackage.jsonの変換配列に追加できると思います。

4

1 に答える 1