FND/.gitignore

## .gitignore
/node_modules
/package-lock.json

/dist

## faucet.config.js
"use strict";

module.exports = {
	js: [{
		source: "./index.js",
		target: "./dist/bundle.js"
	}]
};

## index.html
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>bundling jQuery plugins with faucet-pipeline</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
body {
	font-family: sans-serif;
}
	</style>
</head>

<body>
	<h1>faucet-pipeline with jQuery</h1>

	<script src="dist/bundle.js"></script>
</body>

</html>

## index.js
import $ from "./jquery_shim";
import "./jqueryui_shim";
import dt from "datatables.net";

let datatables = dt(window, $);

console.log("~~~", $, jQuery.fn.autocomplete, dt, datatables);

## jquery_shim.js
import jQuery from "jquery";

export default jQuery;

window.jQuery = jQuery; // global required for jQuery UI

## jqueryui_shim.js
import "jquery-ui/ui/widget";
import * as autocomplete from "jquery-ui/ui/widgets/autocomplete";

export { autocomplete };

## package.json
{
	"scripts": {
		"start": "npm run compile -- --watch",
		"compile": "faucet"
	},
	"dependencies": {
		"datatables.net": "^1.10.21",
		"jquery": "^3.5.1",
		"jquery-ui": "^1.12.1"
	},
	"devDependencies": {
		"faucet-pipeline-js": "^2.1.5"
	}
}
	"use strict";

	module.exports = {
	js: [{
	source: "./index.js",
	target: "./dist/bundle.js"
	}]
	};
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<title>bundling jQuery plugins with faucet-pipeline</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	body {
	font-family: sans-serif;
	}
	</style>
	</head>

	<body>
	<h1>faucet-pipeline with jQuery</h1>

	<script src="dist/bundle.js"></script>
	</body>

	</html>
	import $ from "./jquery_shim";
	import "./jqueryui_shim";
	import dt from "datatables.net";

	let datatables = dt(window, $);

	console.log("~~~", $, jQuery.fn.autocomplete, dt, datatables);
	import jQuery from "jquery";

	export default jQuery;

	window.jQuery = jQuery; // global required for jQuery UI
	import "jquery-ui/ui/widget";
	import * as autocomplete from "jquery-ui/ui/widgets/autocomplete";

	export { autocomplete };
	{
	"scripts": {
	"start": "npm run compile -- --watch",
	"compile": "faucet"
	},
	"dependencies": {
	"datatables.net": "^1.10.21",
	"jquery": "^3.5.1",
	"jquery-ui": "^1.12.1"
	},
	"devDependencies": {
	"faucet-pipeline-js": "^2.1.5"
	}
	}