Memasang Jquery di Nuxt

Jquery bagi beberapa orang sudah dianggap jadul dengan maraknya framework javascript, tapi, ternyata masih banyak plugin-plugin yang membutuhkan jquery ini. Tulisan ini membahas bagaimana memasang jquery di aplikasi nuxt.

Memasang Jquery

npm install jquery

Mendaftarkan Jquery

Buka nuxt.config.js lalu tambahkan webpack di bagian palig atas.

const webpack = require('webpack')

Lalu di bagian build kita masukan konfigurasi tambahan agar si jquery ikutan di-build.

build: {
    /*
    ** You can extend webpack config here
    */
   plugins: [
    
        new webpack.ProvidePlugin({
          $: 'jquery',
          jQuery: 'jquery',
          'window.jQuery': 'jquery'
        })
    ],
    
  }

Sudah, sekarang tinggal jalankan kembali aplikasi Nuxt Anda

npm run dev

 

Show Comments