Зачем имена mutations или/и actions писать заглавными буквами + выносить их имена в огромный список констант?

Question

[Дима Паутов]

Всё чаще начинаю замечать на разных проектах, что в vuex хранилище наименования mutations или/и actions пишут заглавными буквами + выносят имена этих функций в огромный список констант.

Пример:

import { MY_MUTATION } from 'mutation-constants'
import { MY_ACTION } from 'action-constants'

{
  actions: {
    async [MY_ACTION] ({ commit }, payload) {
      //...
      commit(MY_MUTATION, payload)
    }
  },
  mutations: {
    [MY_MUTATION] (state, payload) {
      //...
    }
  }
}

Зачем, какие плюсы это даёт?
Или это просто вкусовщина?

На мой взгляд это решает две проблемы:

• Лёгкое переименование(но, у меня есть ide для этого, от чего мне кажется, что такое себе)
  
• Исключает возможность опечатки в названии
  

И всё?

Может есть какие-то статьи на этот счёт? Я не смог ничего нагуглить.

Answer 1

[Дмитрий Беляев]

Имена полей объектов не манглятся в отличии от переменных и es-exports
А так мы получаем бандл меньшего размера, сохраняя читаемость кода

Comments

[Дима Паутов]

1й раз слышу о таком термине. Погуглил, глянул, слабо понял, честно говоря, погуглил mangling у вебпак, то же не до конца понял. В целом смутно понял что это такое, но не понимаю в корне, как этот термин относится к моему вопросу. Если не трудно, не могли бы вы на пальцах описать?

[Дмитрий Беляев]

Дима Турков, манглинг переменных делают минификаторы, например terser.js, манглинг es-exports делает webpack
При манглинге меняются имена переменных (функций, констант, других сущностей языка)
Суть в чем: программисту удобно работать с понятными названиями, объясняющими суть вещей, то есть имя должно говорить, для чего эта переменная/функция используется, например sameFunctionForDoSomething, компьютеру же по сути пофиг как функция называется, он прекрасно ее поймет, даже если она будет называться просто f. При манглинге как раз во всем коде заменяются все имена на вот такие 1-2 буквенные, дабы код меньше весил.
Но с ключами объектов в js у манглинга есть проблемы - программе производящей манглинг сложно проанализировать все места, где используются поля объекта, а если такая программа поменяет имя в месте объявления, но не поменяет в месте использования - это приведет к ошибке, чего быть не должно. Поэтому программы вроде terser.js не трогают имена полей объектов на стадии манглинга.

[Дима Паутов]

Дмитрий Беляев, Во, большое вам спасибо за разъяснение. Но по сути, выигрыш не столь огромный, дай бог 1-2кб, разве стоит игра свеч, что бы на столько заморачиваться с тем, что я описал в вопросе?

[Aetae]

Нет, не стоит. Кто-то решал какую-то свою конкретную задачу таким образом.
А потом оно расползалось по интернету потому что выглядит "крута и прфисианальна".