Javascript 如何使用webpack 4.44 ProvidePlugin/exports loader加载引导4.5 JS依赖项
我正在学习网页包。我将jQuery与引导一起使用,因此希望在我的设置中导出工具提示。我已在我的插件中启用了它们:Javascript 如何使用webpack 4.44 ProvidePlugin/exports loader加载引导4.5 JS依赖项,javascript,jquery,webpack,bootstrap-4,Javascript,Jquery,Webpack,Bootstrap 4,我正在学习网页包。我将jQuery与引导一起使用,因此希望在我的设置中导出工具提示。我已在我的插件中启用了它们: entry: {base: './src/static/js/modules/pages/base.js'} plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', Popper: ['
entry: {base: './src/static/js/modules/pages/base.js'}
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
Popper: ['popper.js', 'default'],
Tooltip: 'exports-loader?Tooltip!bootstrap/js/dist/tooltip',
Popover: 'exports-loader?Popover!bootstrap/js/dist/popover',
Dropdown: 'exports-loader?Dropdown!bootstrap/js/dist/dropdown',
Modal: 'exports-loader?Modal!bootstrap/js/dist/modal',
Tab: 'exports-loader?Tab!bootstrap/js/dist/tab',
Util: 'exports-loader?Util!bootstrap/js/dist/util',
}),
然而,当在base.js
中初始化工具提示时,我得到未捕获的类型错误:$(…)。工具提示不是一个函数
$(() => {
$('[data-toggle="tooltip"]').tooltip();
});
当我直接在base.js
中加载这些依赖项时,它可以正常工作:
import 'popper.js';
import 'bootstrap/js/dist/tooltip';
import 'bootstrap/js/dist/popover';
import 'bootstrap/js/dist/dropdown';
import 'bootstrap/js/dist/modal';
import 'bootstrap/js/dist/tab';
import 'bootstrap/js/dist/collapse';
import 'bootstrap/js/dist/util';
这说明我在插件中尝试使用exports loader
时没有正确初始化它们。但是,Jquery已加载并按预期工作
我哪里做错了
我正在使用bootstrap4.5.0
,webpack4.44.0
,导出加载程序1.1.0