Yii2: Menggunakan NodeJS package menggunakan NPM via PHP Composer

Improve Yii2 project menggunakan NodeJS Package untuk mengimprove app yang digunakan
Published di Yii2, 2 years ago

Kita bisa menggunakan NodeJS package manager via npm ataupun bower dengan menggunakan PHP Composer. Sebagai contoh, kita akan menggunakan  BSTreeView .

Langkah - langkahnya adalah sebagai berikut. 

  • Edit composer.json, dan pastikan baris code ini ada:
"repositories": [
{
"type": "composer",
"url": "https://asset-packagist.org"
}
]
  • Yii2, secara default sudah melakukan aliasing pada konfigurasi bawaan, yaitu web.php, dan pastikan baris kode ini ada :

'aliases' => [

    '@bower' => '@vendor/bower-asset',

    '@npm' => '@vendor/npm-asset',

],

  • Tambahkan nama npm package yang akan di gunakan di project kita, misalnya package ini akan digunakan di semua environtment Yii2 Project, tambahkan di baris 'require' : 
"require": {
    "php": ">=5.6.0",
    "yiisoft/yii2": "~2.0.14",
    "yiisoft/yii2-bootstrap4": "~2.0.0",
    "yiisoft/yii2-swiftmailer": "~2.0.0 || ~2.1.0",
    "npm-asset/bstreeview": "*"
},
  • Lakukan `composer install` atau `composer update`
  • Pastikan ada folder baru di dalam /vendor/npm-asset/bstreeview
  • Kita akan menggunakan package ini disisi view, maka best practice dari Yii2 adalah menggunakan AssetBundle
    • Buat satu buah file di folder assets, kita namakan dengan nama TreeViewAsset.php,
    • Gunakan di layout dengan cara views/main.php 

    AppAsset::register($this);
    TreeViewAsset::register($this);

    Dukung Saya supaya tetap menulis artikel-artikel yang baik, membayar sewa domain, dan server untuk blog ini. Caranya dengan donasi cendol via Trakteer.id.


    No image

    Fadly Dzil Jalal

    PHP, Yii2 Framework, Laravel, Java, Java Swing, Hibernate, Javascript, Angular, React, MySQL, MongoDB


    Dapatkan USD 200 untuk develop aplikasimu di DigitalOcean DigitalOcean Referral Badge