title: Can't make Tether work for Bootstrap 4 when bundling with Webpack
body: <p>I've spend two days trying to make Bootstrap to be bundled using Webpack. I've made jQuery work but in order for Bootstrap to be fully operational, we also need Tether to work (in my case - for popovers). I've followed <a href="https://www.namekdev.net/2016/08/load-boostrap-4-alpha-into-vue-js-project/#comment-3069027256" rel="nofollow noreferrer">this guide</a> and well as <a href="https://www.npmjs.com/package/bootstrap-loader#bootstrap-4-internal-dependency-solution" rel="nofollow noreferrer">this package</a>. Still, the issue remains and I'm getting the error telling me that <em>popover is not a function</em>.</p>
  
  <p>My config looks like this.</p>
  
  <pre><code>var webpack = require("webpack");
  module.exports = {
    entry: ["babel-polyfill", "./index.js"],
    //entry: ["babel-polyfill", "./index.js", "tether"],
    output: { path: __dirname, filename: "bundle.js" },
    plugins: [new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      jquery: "jquery",
      "window.$": "jquery",
      "window.jQuery": "jquery",
      "window.jquery": "jquery",
      "Tether": "tether",
      "window.Tether": "tether",
      // Popover: "exports?Popover!bootstrap/js/dist/popover",
    })],
    ...
  }
  </code></pre>
  
  <p>During the course of the last days, I've tried virtually anything and I'm out of ammo. How can I troubleshoot it further?</p>
  
  <p>There are others with <a href="https://stackoverflow.com/questions/41135593/how-to-require-tether-with-webpack">similar issues</a> unresolved but also those who seem to <a href="https://stackoverflow.com/questions/40585924/how-to-add-bootstrap-4-without-tether">get Tether unwillingly</a>. I'm so confused at the moment that I could cry...</p>