What do square brackets around a property name in an object literal mean?

Question

I\'ve been writing in JS for a while and have not used this form:

  dist: {
    files: {
      [bpr + \'lib/Monster.min.js\']: [\'<%= concat.dist.dest %&g         


        

Answer 1

Only recently with ES6. They are called "computed property names"

From MDN:

Starting with ECMAScript 2015, the object initializer syntax also supports computed property names. That allows you to put an expression in brackets [], that will be computed as the property name.