title: Use ng-bootstrap and bootstrap together in Angular 7
body: <p>Hope somebody can point me towards the right direction. I have looked on SO and Github issues but cannot find a resolution.</p>
  
  <p>I've started to use both <code>"@ng-bootstrap/ng-bootstrap: "^4.0.1"</code> and <code>"bootstrap": "^4.2.1"</code> in the same Angular 7 project and the dropdowns stopped working. The dropdowns are vanilla bootstrap.</p>
  
  <p>I suspect that <code>popper.js</code> is in the reason for that issue but cannot find how to configure my project properly.</p>
  
  <p>Here is my configuration </p>
  
  <p><strong>vendor.ts</strong>:</p>
  
  <pre><code>...
  import "bootstrap";
  import "@ng-bootstrap/ng-bootstrap";
  ...
  import "bootstrap/dist/css/bootstrap.min.css"
  </code></pre>
  
  <p><strong>webpack.config.js</strong> : </p>
  
  <pre><code>module.exports = {
  ...
  entry: {
      'polyfills': './src/app/polyfills.ts',
      'vendor': './src/app/vendor.ts',
      'app': './src/app/bootstrap.ts'
    },
  
    resolve: {
      extensions: ['*', '.ts', '.js']
    },
  
    module: {
      rules: [
        {
          test: /\.html$/,
          loader: 'html-loader'
        },
        {
          test: /\.(json|png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico|cur)$/,
          loader: 'file-loader?name=assets/[name].[hash].[ext]'
        },
        {
          test: /\.css$/,
          exclude: helpers.root('src', 'app'),
          use: ExtractTextPlugin.extract({
            fallback: 'style-loader',
            use: [
              { loader: 'css-loader', options: { minimize: true } }
            ]
          })
        },
        {
          test: /\.css$/,
          include: helpers.root('src', 'app'),
          loaders: ['css-to-string-loader', 'css-loader']
        },
        {
          test: /\.scss$/,
          exclude: /node_modules/,
          loaders: ['raw-loader', 'sass-loader']
        },
        {
          test: /\.sass$/,
          exclude: /node_modules/,
          loaders: ['raw-loader', 'sass-loader']
        }
      ]
    },
  
    plugins: [
     ...
    ]
  };
  </code></pre>
  
  <p><a href="https://getbootstrap.com/docs/4.2/getting-started/webpack/" rel="nofollow noreferrer">Bootstrap website</a>  says that <code>popper.js</code> and <code>jquery</code> needn't be added to the entry point but where am I supposed to add them? I'd like to serve them myself and avoid CDNs.</p>
  
  <p>Thanks in advance!</p>