If you install Package Control and then use its search function you can find plugins for just about anything.

In this case, I'd recommend using HTML-CSS-JS Prettify. Make sure you have node.js installed and in your path, and make sure you read through the setup instructions carefully to get everything up and running. Other options include JSFormat, which doesn't require node, and JavaScript Beautify, which uses the same library as JSFormat but for some reason requires you to install it yourself.

Use:

HTML-CSS-JS Prettify

  You can adjust the following settings @:

Menu > Preferences > Package Settings > HTML/CSS/JS Prettify > Set Prettify Preferences

"js": {
  "allowed_file_extensions": ["js", "json", "jshintrc", "jsbeautifyrc"],

  "brace_style": "collapse-preserve-inline",
  // collapse:                 (old default) Put braces on the same line as control statements
  // collapse-preserve-inline: (new default) Same as collapse but better support for ES6 destructuring and other features. https: //github.com/victorporof/Sublime-HTMLPrettify/issues/231
  // expand:                   Put braces on own line (Allman / ANSI style)
  // end-expand:               Put end braces on own line
  // none:                     Keep them where they are

  "break_chained_methods":     false, // Break chained method calls across subsequent lines
  "e4x":                       false, // Pass E4X xml literals through untouched
  "end_with_newline":          false, // End output with newline
  "indent_char":               " ",   // Indentation character
  "indent_level":              0,     // Initial indentation level
  "indent_size":               2,     // Indentation size
  "indent_with_tabs":          true,  // Indent with tabs, overrides `indent_size` and `indent_char`
  "jslint_happy":              false, // If true, then jslint-stricter mode is enforced
  "keep_array_indentation":    false, // Preserve array indentation
  "keep_function_indentation": false, // Preserve function indentation
  "max_preserve_newlines":     0,     // Maximum number of line breaks to be preserved in one chunk (0 disables)
  "preserve_newlines":         true,  // Whether existing line breaks should be preserved
  "space_after_anon_function": false, // Should the space before an anonymous function's parens be added, "function()" vs "function ()"
  "space_before_conditional":  true,  // Should the space before conditional statement be added, "if(true)" vs "if (true)"
  "space_in_empty_paren":      false, // Add padding spaces within empty paren, "f()" vs "f( )"
  "space_in_paren":            false, // Add padding spaces within paren, ie. f( a, b )
  "unescape_strings":          false, // Should printable characters in strings encoded in \xNN notation be unescaped, "example" vs "\x65\x78\x61\x6d\x70\x6c\x65"
  "wrap_line_length":          0      // Lines should wrap at next opportunity after this number of characters (0 disables)
}

Note:

It does not handle commas within quotes.
I also tested CoolFormat, which does not handle them either.

All package settings can be accessed from the Preferences/Package Settings menu.

You can use JsFormat

JsFormat is a JavaScript formatting plugin. Behind the scenes, it uses the command line formatter from jsbeautifier.org to format full or portions of JavaScript and JSON files.

Prettier works pretty great for me. Sublime's package is called JsPrettier, but don't let the name fool you, it can format like 15 different languages/syntaxes including the three you've mentioned.

I wasn't able to figure this out. So I just switched to HTML-CSS-JS prettify sublime module. It does a good job of prettifying all three files. It also allow multiple different settings in the 'Package Settings' where you can configure how you want your prettifier to behave.

Hope this helps someone looking for solution to a similar problem.