Given a project with the files below and a directory structure as follows:
$ tree --charset ascii
.
|-- index.html
|-- js
| |-- components
| | `-- vendor
| | |-- jquery-1.7.2.js
| | |-- jquery.js
| | `-- test.js
| |-- order.js
| `-- require.js
`-- nested
`-- path
`-- index.html -> ../../index.html
5 directories, 7 files
Note that the file names are below, but the directory structure is not preserved
since github gist's don't allow subduers. The directory is served statically
(using something like python -m SimpleHTTPServer), with the require.js config
set with baseUrl: '/js' and the following URLs are visited:
http://127.0.0.1:8000/
http://127.0.0.1:8000/nested/path/
Here the page load works, but there are two gotchas:
by "entry point" I mean the first JS that's app-specific, i.e.
main.jsorindex.js. in this example it'stest.js.it's the script you would include in line 15 of
index.html, or possibly yourdata-mainattribute (though i don't know if thedata-mainapproach wold actually work in this example).