Error on import with vite Adonisjs6

[tsalesproductions]

What's the correclty mode to load all css and js files on v6?

when i use vite to load my all files, i've an error on bootstrap.bundle.min.js
require is not defined - require("jquery")

#app.js

import '../cdn/admin/vendor/fontawesome-free/css/all.min.css'
import '../cdn/admin/vendor/multiselect/multi-select.css'
import '../cdn/admin/css/sb-admin-2.min.css'


import '../cdn/admin/vendor/jquery/jquery.min.js'
import '../cdn/admin/vendor/bootstrap/js/bootstrap.bundle.min.js'
import '../cdn/admin/vendor/jquery-easing/jquery.easing.min.js'
import '../cdn/admin/vendor/chart.js/Chart.min.js'
import '../cdn/admin/js/demo/chart-area-demo.js'
import '../cdn/admin/js/demo/chart-pie-demo.js'
import '../cdn/admin/vendor/datatables/jquery.dataTables.min.js'
import '../cdn/admin/vendor/datatables/dataTables.bootstrap4.min.js'
import '../cdn/admin/js/demo/datatables-demo.js'
import '../cdn/admin/vendor/multiselect/jquery.multi-select.js'
import '../cdn/admin/js/sb-admin-2.min.js'

Should I continue importing my files outside of Vite? What is the correct way?