title: Bootstrap-sass jquery error
body: <p>After couple of hours spent on trying to solve my problem I came here to get some help.</p>
  
  <p>I'm trying to load Bootstrap javascript via webpack and gulp to my project, but I am receiving following <strong>browser</strong> error.</p>
  
  <p><a href="https://i.stack.imgur.com/088nG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/088nG.png" alt="error message "></a></p>
  
  <p>Here is how my <strong>webpack.config</strong> looks like:</p>
  
  <pre><code>module.exports = {
      output: {
          filename: "bundle.js",
      },
      resolve: {
          // Add `.ts` and `.tsx` as a resolvable extension.
          extensions: [
              "",
              ".webpack.js",
              ".web.js",
              ".ts",
              ".tsx",
              ".js",
              ".scss"
          ]
      },
      module: {
          loaders: [
              { // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
                  test: /\.tsx?$/,
                  loader: "ts-loader"
              }
          ]
      }
  
  };
  </code></pre>
  
  <p>It perfectly loads jQuery, because I can use it but it seems that bootstrap-sass does not see it.</p>
  
  <p>Here is how my <strong>script.ts</strong> look like:</p>
  
  <pre><code>import * as $ from "jquery";
  let bootstrap = require("../../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js");
  </code></pre>
  
  <p>And lastly here is my <strong>gulpfile.ts</strong>:</p>
  
  <pre><code>gulp.task("ts", () =&gt; {
      gulp.src(["public/scripts/*.ts"]).
          pipe(webpack(require("./webpack.config.ts"))).
          pipe(uglify()).
          pipe(gulp.dest("public/scripts"));
  });
  </code></pre>
  
  <p>I am so frustrated that it is not work.
  I know that I can use bootstrap-sass-loader, but I prefer to compile my sass files via gulp.</p>