Я использую webpack.mix в WordPress.
Отменено WordPress jQuery.
//wp_deregister_script( 'jquery' );
Добавлено
mix.autoload({
jquery: ['$', 'window.jQuery', 'jQuery'],
});
или
mix.js('assets/src/scripts/app.js', 'assets/dist/js')
.js('assets/src/scripts/admin.js', 'assets/dist/js')
.js('assets/src/scripts/backend.js', 'assets/dist/js')
.react('assets/src/scripts/gutenberg.js', 'assets/dist/js')
.sass('assets/src/sass/style.scss', 'assets/dist/css')
.sourceMaps()
.webpackConfig({
devtool: 'source-map'
})
.autoload({
jquery: ['$', 'jQuery', 'jquery', 'window.jQuery'],
'popper.js/dist/umd/popper.js': ['Popper']
})
//.extract(['jquery', 'popper.js', 'bootstrap'])
.options({
processCssUrls: false
})
Но webpack.mix jQuery вызывает в конце страницы (я так думаю. Это правильно?) И "неопределенные" ошибки.Поэтому мне пришлось убрать «сняли с учета».Мы также добавили глобальное определение в app.js (этот файл вызывает bootstrap)
/** Boostrap JS **/
window.Popper = require('popper.js');
window.$ = window.jQuery = require('jquery');
require('./bootstrap');
И мы также добавили глобальное определение jquery в смесь веб-пакетов.
.autoload({
jquery: ['$', 'jQuery', 'jquery', 'window.jQuery'],
'popper.js/dist/umd/popper.js': ['Popper']
})
Я думаю, что это прекрасно работает для всех jQuery, связанных со сценариями.но не работают только встроенные скрипты.Для деталей у нас есть некоторый скрипт, который генерируется опцией пользователей в файлах php (html).Его нельзя привязать к внешнему сценарию.
Кроме того, Boostrap также не работает с встроенным сценарием.Как видите, я включил bootrap и определил global.Отлично работает внешний скрипт.Но не работает для встроенного скрипта.
Я протестировал добавить модал.Но он поставляется с $ (...) madal это не функция
автозагрузка для постановки в очередь jquery?а также заказывать, какие файлы звонят первыми?
Пожалуйста, поймите, если мое объяснение не совсем понятно из-за моего плохого знания английского и веб-пакетов.
Спасибо,