Como faço para um tema exigir o Jquery (para usuários anônimos)?

7

Estou criando um tema para o D8 chamado 'herchel'. Estou tentando fazer com que o tema exija jquery em todas as páginas (por padrão, o D8 não carrega o Jquery para usuários anônimos)

Examinando a pouca documentação que posso encontrar além dos temas principais, criei um arquivo chamado herchel.libraries.yml

Eu tentei o seguinte ... tudo sem sorte:

drupal.herchel:
version: VERSION
  dependencies:
    - core/jquery

-

drupal:
version: VERSION
  dependencies:
    - core/jquery

-

herchel:
version: VERSION
  dependencies:
    - core/jquery

Alguém tem alguma idéia sobre o que eu preciso colocar nisso?

8 javascript mherchel
fonte
O terceiro está certo, acho que o problema é apenas um espaço em branco - tente recuar a linha versionpara corresponderdependencies
Clive

Respostas:

11

Corri para esse upgrade de um dos meus temas de contribuição para o Drupal 8, pois queria o jquery.once para usuários anônimos. Aqui está o que eu fiz que funciona muito bem:

Em herchel.libraries.yml

herchel-corescripts:
  version: VERSION
  js:
    js/scripts.js: {}
  dependencies:
    - core/jquery
    - core/drupal.ajax
    - core/drupal
    - core/drupalSettings
    - core/jquery.once

Em seguida, no arquivo herchel.theme do seu tema .

function herchel_preprocess_page(&$vars, $hook) {
  // Render the library as laid out in herchel.libraries.yml
  $libraries['#attached']['library'][] = 'herchel/herchel-corescripts';
  \Drupal::service('renderer')->renderRoot($libraries);
}

Preste atenção ao recuo também para o código YML. Embora ainda não esteja realmente documentado, você pode dar uma olhada neste problema e em seu log de alterações.

Substitua hook_library_info () pelo arquivo * .libraries.yml

Observe que você também vê o arquivo "scripts.js" de um tema teórico no código acima, mas pode não ser necessário. No meu tema, é isso que usa o jquery para chamar código personalizado.

Esse código provavelmente também é uma boa referência para os bits YML. Observe que nos dois casos versionestá no mesmo nível que dependencies.

Também fiz uma lista dos problemas do Drupal 8 que encontrei e participei da minha atualização do D8.

Atualizar:

Corrigi o código, corremos para esse problema: Substitua os valores da matriz da biblioteca #attached por strings no provedor-namespaced

Observe o seguinte: 

 $libraries['#attached']['library'][] = array('herchel', 'herchel-corescripts');

vs.

$libraries['#attached']['library'][] = 'herchel/herchel-corescripts';

Eu testei e os erros foram embora. :)

Danny Englander
fonte
Danny, você é demais! Mas, estou recebendo alguns erros de PHP. Aviso: explode () espera que o parâmetro 2 seja string, matriz fornecida em _drupal_add_library () (linha 2676 de core \ includes \ common.inc). Aviso: explode () espera que o parâmetro 2 seja string, matriz fornecida em drupal_get_library () (linha 2741 do core \ includes \ common.inc). Esses erros aparecem independentemente do conteúdo do arquivo herchel.libraries.yml. Eu tentei contornar um pouco isso sem sorte. Eu também tentei o código a partir Grátis mas que parece ser antes de questão 8507583 foi cometido
mherchel
11
$ page ['# attachment'] ['library'] [] = 'libraryprovider / libraryname';
Mike, o novo código no Gratis está apenas na versão dev ( drupalcode.org/project/gratis.git/tree/refs/heads/8.x-1.x ) e eu o testei e funciona com o Alpha mais recente de D8 Hoje estou de cabeça para baixo em um projeto, mas talvez eu possa ajudar neste fim de semana. Qual versão do D8 você está usando?
Danny Englander
Como conseguir isso sem usar uma função de pré-processo?
Itsdarrylnorris
11

No seu tema, crie um arquivo de bibliotecas herchel.libraries.yml. Neste arquivo, coloque:

libname:
  version: 1.x
  js:
    js/scripts.js: {}
  css:
    theme:
      css/styles.css: {}
  dependencies:
    - core/jquery

Em herchel.info.ymlcolocar:

libraries:
  - herchel/libname
Dragan Eror
fonte
Houve um problema sobre isso e foi corrigido no Drupal Developer Days em Szeged.
perfil completo de Dragan Eror
Atualizei e testei o código na minha resposta. É mais provável que tenhamos esse problema com base na mensagem de erro. drupal.org/node/2203407
Danny Englander
Talvez isso também ajuda ... Página de documentação sobre a implementação de bibliotecas drupal.org/node/2216195
Dragan Eror
0

Talvez você tenha adicionado espaços antes de "dependências:"

isso é verdade:

google-maps:
  version: VERSION
  js:
    vendor/gmap3.js: {cope: footer}
    //maps.google.com/maps/api/js?key=000000: { type: external, cope: footer}
  dependencies:
    - core/jquery
    - core/drupal
    - core/drupalSettings

por exemplo, isso está errado:

google-maps:
  version: VERSION
  js:
    vendor/gmap3.js: {cope: footer}
    //maps.google.com/maps/api/js?key=000000: { type: external, cope: footer}
    dependencies:
      - core/jquery
      - core/drupal
      - core/drupalSettings
Amin
fonte