Webpack: how to make angular auto-detect jQuery and use it as angular.element instead of jqLite?

Question

I\'m using Webpack to build an Angular 1.4 project. The project makes use of several jQuery plugins, which are wrapped into angular directives. Those directives internally use <

Answer 1

!!Update

Apparently you still need to use the commonJs require for angular in the ES6 example.

import $ from "jquery"

window.$ = $;
window.jQuery = $;

var angular = require("angular");

below is the original answer

---

---

I want to purpose a easier solution. Just make jQuery a window global so that angular can recognize it:

var $ = require("jquery")

window.$ = $;
window.jQuery = $;

var angular = require("angular");

or in your case (OUT DATED):

import $ from "jquery"

window.$ = $;
window.jQuery = $;

import angular from "angular";

I hope this helps :)