What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI
COURSE of the MONTH
11 days, 11 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
How to include jquery as a global using webpack
Posted on 2016-10-06
Hi,
I am using webpack in my web application for bundling client side code :
In a new.js file which is the main file inside which i want to bundle everything :
I am loading jquery like :
var $ = require(jquery)
installed it via npm install jquery
also in new.js
i am including files like
var util = require(util.js)
And inside util.js i am using $ directly without importing the jquery
On loading my web application its throwing an error in console :
new.js:512Uncaught ReferenceError: $ is not defined
This is happening because $ is only available directly under new.js and util.js is not declaring jquery which i dont want also as otherwise jquery will get bundled twice.
How do i make $ available to all the libraries i am importing later in the js file... ?
Thanks
I am using webpack in my web application for bundling client side code :
In a new.js file which is the main file inside which i want to bundle everything :
I am loading jquery like :
var $ = require(jquery)
installed it via npm install jquery
also in new.js
i am including files like
var util = require(util.js)
And inside util.js i am using $ directly without importing the jquery
On loading my web application its throwing an error in console :
new.js:512Uncaught ReferenceError: $ is not defined
This is happening because $ is only available directly under new.js and util.js is not declaring jquery which i dont want also as otherwise jquery will get bundled twice.
How do i make $ available to all the libraries i am importing later in the js file... ?
Thanks
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
1 Comment
Active today
what about ProvidePlugin ?
https://webpack.github.io/docs/shimming-modules.html#plugin-provideplugin
Check others notes on top of this page too
https://webpack.github.io/docs/shimming-modules.html#plugin-provideplugin
This plugin makes a module available as a variable in every module.
Example: Make $ and jQuery available in every module without writing require("jquery").
Check others notes on top of this page too
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
- Node.js
- IT Administration
- JavaScript
- Server Software
- MySQL Server
- Percona, *Clustering
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS. New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month11 days, 11 hours left to enroll
752 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.