2013-10-22 10 views
7

私はプロジェクトでgruntを使い、多くの.jsファイルを縮小して連結するためのタスクを作成しました。Grunt Uglify - デバッグのためのソースマップを作成するには?

私は、他のチームがコンソールでコードを簡単に分析できるように、Uglifyでソースマップを作成する方法を理解しようとしています。

(コーヒーで)私のGruntfileの一部は、これら2つのようになります。だから、

 uglify: 
     options: 
      mangle: false 

/

grunt.registerTask 'devmin', ['clean', 'concurrent:transform', 'useminPrepare', 'concat', 'uglify', 'usemin', 'copy:build', 'server', 'watch:dist'] # Dev - minifies files 

、私は端末に "うなり声のdevmin" を実行したとき、私はバージョンが縮小されているでしょうが、デバッグの目的で関連ソースマップを作成する方法を理解できません。

誰でもヒントがありますか?

ありがとうございました!

+0

これはソースマップについて語っているUglifyJSドキュメントの一部です。私はそれを機能させようとしています。グレートは私には全く新しいものです。 – lol

+0

詳細を追加する:uglifyオプションに "beautify:true"を入れると、私はファイルを美しくしてくれます。それは私がしたいことではありません。アイデアは、それらを細分化して提供し、ソースマップを持っているので、ブラウザは美しいバージョンを作成するためにコンソール上で取得することができます。 – lol

答えて

8

設定できるオプションオブジェクトにはさまざまなソースマッププロパティがあります。

出力するソースマップのファイル名である「sourceMap」プロパティが必要です。

uglify: 
     options: 
      sourceMap: 'mymap.map' 

sourceMapはファンクションにすることもできます。ここで、最初のパラメータは、マイニングするファイルの出力パスです。

+6

3.xからは、sourceMapはブール値のプロパティです。 Uglifyはデフォルト名を生成しますが、sourceMapNameを使用してファイル名を設定することができます。 [詳細情報](https://github.com/gruntjs/grunt-contrib-uglify#migrating-from-2x-to-3x) –

関連する問題