webpack引入boostrap

Bootstrap 4 Beta importing Popper.js with Webpack 3.x throws Popper is not a constructor


While browsingBootstrap 4 documentation. I actually found a section aboutWebpackwhich explains how to install it correctly. Following theBootstrap - installing with Webpackdocumentation, the answer is to simply modify thewebpack.config.jswith the following:

plugins: [

// ...

new webpack.ProvidePlugin({

$: 'jquery',

jQuery: 'jquery',

'window.jQuery': 'jquery',

Popper: ['popper.js', 'default’]

// In case you imported plugins individually, you must also require them here:

Util: "exports-loader?Util!bootstrap/js/dist/util",

Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown",

})

// ...

]

and let's not forget toimportit in themain.js

import 'bootstrap';

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。