問題タブ [grunt-browserify]

babelify と browserify でトランスパイルされた jsx ファイルのソースマップを生成したいと思います。出力ファイルの下部に base64 でエンコードされたコメントとしていくつかのソースマップが生成されているようですが、スタックトレースはそれらを尊重しません。

私の単調なタスクは次のようになります。

grunt-browserify でプロジェクトにバックボーンを含めたい。

私のうなり声からの抜粋：

これは、grunt browserify を実行したときのエラー メッセージです。

「browserify:vendor」(browserify) タスクの実行

エラー: モジュール 'underscore' が 'somePath/client/requires/backbone' から見つかりません

エラー メッセージを理解しているように、browserify はバックボーン フォルダー内からアンダースコアを探していますが、それが見つかりません。

私はgruntとbrowserifyスタック全体にまったく慣れていませんが、browserifyがバックボーンファイルでrequireステートメントを検索しているが、アンダースコアファイルが一般的なjs規則内で作成されていない、つまりmodule.exportsを使用していないことが問題かもしれません?

私はガイドに従っています: Boilerplate web app using Backbone ... . このプロジェクトのほとんどをコピーしましたが、すべての依存関係を更新しました。私は独自のサーバー側コードを組み込みました。これは、変更された gruntfile でビルドした後、正常に動作しています。機能しない唯一のことは、browserify タスクです。

package.json ファイルを変更して browserify と browserify-shim を含めようとしましたが、これは問題ではないようです。

あるパスにある app.js に対して browserify を実行していますが、毎回失敗し、モジュールが見つかりませlodashん[PATH]。

これ[PATH]は、app.js ファイルが存在する場所と同じです。ただし、ファイル名を同じパスにある他の js ファイルに変更すると、機能します。したがって、シーンは、同じパスで一部の js ファイルで成功し、他のファイルで失敗するということです。

誰かが何かを提案できますか?

Browserify.jsスクリプトをグローバルにインストールしました。

Browserify.js

パスは、他のファイルと一緒にログに正しく表示されます。ファイルでのみ失敗しapp.jsます

browserfy を使用して es6 ファイルを es5 に変換したいと考えています。しかし、ウォッチタスクが実行されるたびにエラーが発生します:

警告: タスク "browserfy" が見つかりません。--force を使用して続行します。

次の gruntfile (簡略化) を使用してタスクを自動化します。

コマンドも使用しました

npm install grunt-browserify --save-dev

grunt ビルド タスクを実行した後、次のエラーが発生します。

>> Error: Parsing file /Users/xx/testProject/node_modules/vfc/js/file.js: 'import' and 'export' may appear only with 'sourceType: module' (12:0)

Grunt と Browserify を使用して JavaScript プロジェクトを構築しています。

testProjectでは、 npm (node_module) 経由でvfcが必要です。

var vfc = require('vfc');

vfcは es6 スタイルで書かれており、export, classなどを使用しています。

私のグラントファイルは次のようになります。