Включить jQuery datatables в веб-пакет. Предоставить плагин на веб-пакет

Question

В настоящее время я импортирую таблицы данных jQuery для каждого создаваемого мной файла JavaScript.

import 'datatables.net/js/jquery.dataTables';
import 'datatables.net-bs4/js/dataTables.bootstrap4';

$('#example').DataTable();

Можно ли сделать его глобальным, чтобы мне не приходилось его импортировать каждый раз? JQuery имеет такое поведение, и я могу получить доступ к $ на каждом JavaScript, не импортируя его.

В моем environment.js у меня сейчас есть:

const {environment} = require('@rails/webpacker');

const webpack = require('webpack');
environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default']
}));

module.exports = environment;

Я считаю, что это файл, который загружает пакеты по всему миру. Можно ли сюда включить таблицы данных?

Пока я пробовал это:

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default'],
  DataTable: 'datatables.net'
}));

А это:

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  Popper: ['popper.js', 'default'],
  DataTable: 'datatables.net/js/jquery.dataTables'
}));

Но не повезло. Вы знаете, в чем может быть проблема?

Answer 1

У меня та же проблема, найдите некоторые полезные вещи по этой ссылке https://datatables.net/forums/discussion/32542/datatables-and-webpack, возможно, вы должны использовать dt вместо DataTable