5000164 is here

JetBrains IDE で minify しつつ source map を生成する

Published 2018.8.24 by 菅原 浩

YUI Compressor を使っていたが YUI Compressor では minify した時に source map が生成できなかったので Closure Compiler を使う。

Closure Compiler は jar を持ってくるのがだるいなぁと思ってたら npm 版が出ていたのでそれを使う。

インストールしたら JetBrains IDE で設定を追加する。

1
npx
1
google-closure-compiler --compilation_level SIMPLE_OPTIMIZATIONS --js $FileName$ --source_map_format=V3 --create_source_map $FileNameWithoutExtension$.min.js.map --output_wrapper "%output%//@ sourceMappingURL=$FileNameWithoutExtension$.min.js.map"

設定は下記サイトを参考にした。
npm 版を使ってるので npx を使ってるところが違う。

こんな感じになる。

設定内容

メモ

JetBrains IDE は IntelliJ IDEA とか PhpStorm とか WebStorm のこと。
検索の時にどの単語を使うかで引っかからなかったりしたら悲しいのでここに列挙しておく。