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:
This only seems to work if the entry point is at the base of the
baseUrl
directory, however if the entry point is in a subdirectory,/js/components/vendor/test.js
, as in the revision above, it seems work differently:baseUrl
for the entry-point file,test.js
jquery.js
Is this because
test.js
is usingrequire()
and notdefine()
? Is there a clean way to always resolve "./" relative to the directory of the file specifying the dependency?