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';