web-dev-qa-db-ja.com

gruntを使用してbrowserifyからソースマップを生成する

私はここの指示に従いました： https://www.npmjs.org/package/grunt-browserify を試して、gruntでbrowserifyのソースマップを設定します。私のgruntfileのbrowserifyのオプションは次のとおりです。

browserify: {
            options: {
                bundleOptions : {
                    debug: true 
                }
            },
            dist: {
                files: {
                    "public/client.bundle.js": ["bundle.js"]
                }
            }
        }

Bundle.jsの生成は問題なく行われますが、ソースマップの生成は行われません。私のgrunt-browserifyオプションに問題がありますか？.

見てくれてありがとう。

javascriptgruntjsbrowserifycommonjs
23
Amal Antony

bundleOptionsの代わりにbrowserifyOptionsを使用します

browserify: {
   options: {
      browserifyOptions: {
         debug: true
      }
   },
   ...
}
42
knpsck

デフォルトでは、browserifyはインラインソースマップをコメントとしてbundle.jsに生成します。 Browserifyの READMEはexorcistの使用を推奨しています 別のファイルに抽出したい場合：

$ browserify main.js --debug | exorcist bundle.js.map > bundle.js

そして grunt-extract-sourcemap は、これを不快なタスクにまとめます

14
hurrymaplelad