Help with combining js files and removing external dependencies


#1

I’m inheriting a Meteor app that at present is quite slow to load, so my first goal is to improve load times.

The main html looks like this -

<script  src="http://server/jquery.min.js">
<script  src="http://server/jquery.ui.touch.js">
<link rel="http://server/jquery-ui.css">

<script>
.. code that uses jQuery which runs immediately
</script>

bunch of other js/css includes

All this external script/css loads obviously slow things down. What I’d like to do is have all these files be local so we can use Meteor’s build tools which will minify and combine it into the normal app bundle.
Also by not needing to include minified files the debugging experience will improve.

How do we go about doing this? I tried moving the files into a local folder and try import $ from ‘jquery’ (syntax may be wrong here) but it didn’t work. I also know Meteor includes jQuery but there are many external libs as well as things like jQery touch etc.