Bagaimana cara membuat tema memerlukan Jquery (untuk pengguna anonim)?

7

Saya membuat tema untuk D8 yang disebut 'herchel'. Saya mencoba untuk mendapatkan tema ini untuk memerlukan jquery di semua halaman (D8 tidak memuat Jquery untuk pengguna anonim secara default)

Melihat sedikit dokumentasi yang dapat saya temukan di samping tema inti, saya membuat file bernama herchel.libraries.yml

Saya sudah mencoba yang berikut ... semua tanpa hasil:

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

-

drupal:
version: VERSION
  dependencies:
    - core/jquery

-

herchel:
version: VERSION
  dependencies:
    - core/jquery

Adakah yang punya ide tentang apa yang perlu saya masukkan ke dalam ini?

8 javascript

— mherchel
sumber

Yang ketiga benar, saya pikir masalahnya hanya spasi putih - coba indentasi baris versionagar sesuaidependencies

— Clive

11

Saya berlari ke peningkatan ini salah satu tema contrib saya ke Drupal 8 karena saya ingin jquery.once untuk pengguna anonim. Inilah yang saya lakukan yang bekerja sangat baik:

Di herchel.libraries.yml

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

Kemudian di file herchel.theme tema Anda .

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);
}

Perhatikan indentasi juga untuk kode YML. Meskipun belum benar-benar didokumentasikan dengan baik, Anda dapat melihat masalah ini dan log perubahannya.

Ganti hook_library_info () dengan file * .libraries.yml

Perhatikan bahwa Anda juga melihat file "scripts.js" tema teoretis dalam kode di atas tetapi Anda mungkin tidak membutuhkannya. Dalam tema saya, itulah yang menggunakan jquery untuk memanggil kode khusus.

Kode ini mungkin juga merupakan referensi yang baik untuk bit YML. Perhatikan bahwa dalam kedua kasus versionberada pada tingkat yang sama dengan dependencies.

Saya juga membuat daftar masalah Drupal 8 yang saya temui dan ikut serta dalam peningkatan D8 saya.

Memperbarui:

Saya telah memperbaiki kode, kami mengalami masalah ini: Ganti nilai array perpustakaan #attached dengan string penyedia-namespaced

Catat ini:

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

vs.ini

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

Saya menguji dan kesalahan hilang. :)

— Danny Englander
sumber

Danny, kau luar biasa! Tapi, saya mendapatkan beberapa kesalahan PHP. Peringatan: explode () mengharapkan parameter 2 menjadi string, array yang diberikan dalam _drupal_add_library () (baris 2676 dari inti \ termasuk \ common.inc). Peringatan: explode () mengharapkan parameter 2 menjadi string, array yang diberikan di drupal_get_library () (baris 2741 dari inti \ termasuk \ common.inc). Kesalahan ini muncul terlepas dari apa yang ada di file herchel.libraries.yml. Saya mencoba mengatasinya sedikit tanpa hasil. Saya juga mencoba kode Anda dari Gratis tetapi tampaknya sebelum edisi 8507583 telah dilakukan

— mherchel

1

$ page ['# terlampir'] ['library'] [] = 'libraryprovider / libraryname';

Mike, kode baru dalam Gratis hanya dalam versi dev ( drupalcode.org/project/gratis.git/tree/refs/head/8.x-1.x ) dan saya mengujinya dan bekerja dengan Alpha terbaru dari D8. Saya cukup banyak mengerjakan proyek hari ini, tetapi saya mungkin bisa membantu akhir pekan ini. Versi D8 apa yang Anda gunakan?

— Danny Englander

Bagaimana bisa mencapai ini tanpa menggunakan fungsi preproses?

— itsdarrylnorris

11

Dalam tema Anda buat file perpustakaan herchel.libraries.yml. Ke dalam file ini masukkan:

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

Di tempat herchel.info.yml:

libraries:
  - herchel/libname

— Dragan Eror
sumber

Ada masalah tentang ini dan itu diperbaiki pada Hari Pengembang Drupal di Szeged.

— Dragan Eror

Saya telah memperbarui dan menguji kode dalam jawaban saya, ini kemungkinan besar masalah yang kami hadapi berdasarkan pada pesan kesalahan. drupal.org/node/2203407

— Danny Englander

Mungkin ini juga akan membantu ... Halaman dokumentasi tentang implementasi perpustakaan drupal.org/node/2216195

— Dragan Eror

0

Mungkin Anda telah menambahkan spasi sebelum "dependensi:"

ini benar:

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

misalnya ini salah:

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
sumber