UglifyJS（Grunt）の後に元の（バベル以前の）ソースのソースマップを生成する方法

Question

生産のコードを縮小/拡大する必要がありますが、ソースではES 6を使用しています（そしてBabelで変換します）。

私はトランスリングされたコードでUglifyJSを実行した後、ソースマップを元のES 6ソースコードに維持する正しいワークフローを理解しようとしています。

私たちはGruntJSを使用しています。

既存のソリューションはありますか？

Answer 1

Firsly、ビルド設定によっては、質問を簡単に答えることができます。しかし、あなたがバベルとウグリエフを別々に走らせると仮定すると、このように言う：

grunt.initConfig({ 
    babel: { 
    options: { 
     sourceMap: true 
    }, 
    dist: { 
     files: { 
     "dist/app.js": "src/app.js" 
     } 
    } 
    }, 
    uglify: { 
    my_target: { 
     files: { 
     'dist/app.min.js': ['dist/app.js'] 
     } 
    } 
    }  
}); 

あなたは次のようにbabel-plugin-uglifyを使用する必要があります。

grunt.initConfig({ 
    babel: { 
    options: { 
     sourceMap: true, 
     plugins: ["uglify:after"] 
    }, 
    dist: { 
     files: { 
     "dist/app.min.js": "src/app.js" 
     } 
    } 
    }  
});