Forma correcta de agregar JS y CSS al nodo / editar y otras formas

Estoy haciendo un sitio con un montón de JS, y me pregunto dónde debería poner el código JS. De manera óptima, me gustaría mantener el JS con cada módulo y no con la capa de tema. Parte del contenido podría estar expuesto como bloques, etc.

Pero tengo algunos problemas con el caché. En mi ejemplo, necesito agregar JS y CSS al formulario de edición de nodos. He usado hook_block_view, pero está en caché. Por lo tanto, si hay un error en el formulario de edición de nodo, no se invocan las funciones drupal_add_js y drupal_add_css. Lo mismo parece ser cierto para hook_node_prepare.

¿Dónde ingresarías la capa JS y CSS? y hay ganchos que se llaman incluso si hay un error en el formulario de edición de nodos?

Si desea agregar JS y CSS a la página de edición de nodos en particular (o cualquier forma en general), el mejor y el lugar correcto para hacerlo es hook_form_alter () y la propiedad que debe usar es #after_build.

Este comentario sobre DO le dice exactamente qué hacer: http://drupal.org/node/1253520#comment-4881588

Espero que esto ayude :-)

Debe usar la propiedad #attached para asegurarse de que JS / CSS siempre se cargue correctamente junto con otro elemento de representación.

Sentí que estas respuestas y comentarios necesitaban desesperadamente código de ejemplo, particularmente los de @AyeshK y @Letharion. Esto es demasiado largo para un comentario, así que por favor, perdona la respuesta. Si es útil para usted, vote por la respuesta de Sumeet o Letharion. Además, el siguiente ejemplo obviamente agrega CSS, pero sería casi idéntico para agregar javascript.

Usando la respuesta de @ Sumeet, pero usando la #attachedpropiedad en lugar de drupal_add_css, se ve así:

/* Implements hook_form_FORM_ID_alter() */
function MY_MODULE_form_MY_FORM_ID_alter(&$form, &$form_state, $form_id) {
  $form['#after_build'][] = 'MY_MODULE_some_function_name_after_build';
}

function MY_MODULE_some_function_name_after_build($form, &$form_state) {
  $style_path = drupal_get_path('module','MY_MODULE') . '/css/my_css.css';
  // drupal_add_css('file', $style_path);
  $form['#attached']['css'][] = $style_path;
  return $form;
}

Finalmente, la depreciación de drupal_add_cssse puede encontrar en esta publicación . Eso puede ser una novedad para muchos para quienes drupal_add_xxx funcionaba bien, como lo fue para mí.

Para Drupal 8, le aconsejaría que lea este artículo

bibliotecas.yml

something: 
  version: VERSION
  js: 
    js/something.js: {}
  dependencies: 
    - core/jquery

.módulo

function MODULE_page_attachments(array &$page) {
  $page['#attached']['library'][] = MODULE/something;
}