cueedee · August 3, 2016 21:40 · cristianszwarc · Sep 2, 2015 · wwqrd · Oct 6, 2015
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset=utf-8 />
  <title>browserify-shim expose jquery example</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
 </head>
 <body>
  <h1>Welcome to the browserify-shim expose jquery Example</h1>
  <p>You are using jquery version:</p>
  <span id='jq-version'></span>
  <p>
    If you open your devtools and find <code>entry.js</code> or <code>bundle.js</code> you will see that <code>require('jquery')</code> was replaced with <code>(window.jQuery)</code>.
  </p>
  <script type="text/javascript" src="./bundle.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
 var $ = require('jquery')
  , bb = require( 'backbone' )
  , jqVersion = $().jquery;

 $('#jq-version').text(jqVersion);
diff --git a/package.json b/package.json
 {
  "browserify-shim": {
    "jquery": "global:jQuery"
  },
  "browserify": {
    "transform": [
      "browserify-shim"
    ]
  },
  "dependencies": {
    "backbone": "^1.2.2"
  },
  "description": "Example of using browserify-shim to expose jquery for use with browserify",
  "devDependencies": {
    "browserify": "^11.0.1",
    "browserify-shim": "^3.8.10"
  },
  "license": "MIT",
  "main": "./index.js",
  "name": "expose-jquery",
  "private": true,
  "scripts": {
    "install": "browserify -d . > bundle.js"
  },
  "version": "0.0.0"
 }
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>browserify-shim expose jquery example</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
	</head>
	<body>
	<h1>Welcome to the browserify-shim expose jquery Example</h1>
	<p>You are using jquery version:</p>
	<span id='jq-version'></span>
	<p>
	If you open your devtools and find <code>entry.js</code> or <code>bundle.js</code> you will see that <code>require('jquery')</code> was replaced with <code>(window.jQuery)</code>.
	</p>
	<script type="text/javascript" src="./bundle.js"></script>
	</body>
	</html>
	{
	"browserify-shim": {
	"jquery": "global:jQuery"
	},
	"browserify": {
	"transform": [
	"browserify-shim"
	]
	},
	"dependencies": {
	"backbone": "^1.2.2"
	},
	"description": "Example of using browserify-shim to expose jquery for use with browserify",
	"devDependencies": {
	"browserify": "^11.0.1",
	"browserify-shim": "^3.8.10"
	},
	"license": "MIT",
	"main": "./index.js",
	"name": "expose-jquery",
	"private": true,
	"scripts": {
	"install": "browserify -d . > bundle.js"
	},
	"version": "0.0.0"
	}