276

I would like to 'require' my files always by the root of my project and not relative to the current module.

For example, if you look at Express.js' app.js line 6, you will see

express = require('../../')

That's really bad, IMO. Imagine I would like to put all my examples closer to the root only by one level. That would be impossible, because I would have to update more than 30 examples and many times within each example. To this:

express = require('../')

My solution would be to have a special case for root based: if a string starts with an $ then it's relative to the root folder of the project.

What can I do?

Update 2

Now I'm using RequireJS which allows you to write in one way and works both on client and on server. RequireJS also allows you to create custom paths.

Update 3

Now I moved to Webpack and Gulp.js and I use enhanced-require to handle modules on the server side. See here for the rationale: http://hackhat.com/p/110/module-loader-webpack-vs-requirejs-vs-browserify/

3

40 Answers 40

176

Use:

var myModule = require.main.require('./path/to/module');

It requires the file as if it were required from the main JavaScript file, so it works pretty well as long as your main JavaScript file is at the root of your project... and that's something I appreciate.

7
  • Not a bad idea (: You can then define some other methods to somehow remap the app in your require.main module. I think you could then do require.main.req('client/someMod'). Nice idea, but this would be more verbose than my current requirejs. Also I don't think is worth because I also dislike browserify because changes are not instant and misses changes (because my code should run both in browser and node.js).
    – Totty.js
    Oct 3, 2014 at 14:41
  • 4
    If you find it too verbose, just use .bind(): var rootReq = require.bind( require.main ) ; rootReq( './path/to/module' ) ;
    – cronvel
    Oct 6, 2014 at 12:00
  • yes, this can be useful for someone that still wants to use browserify for client side. For me there is no need anymore, but thanks anyway for your answer (:
    – Totty.js
    Oct 7, 2014 at 10:35
  • 8
    IF MAIN IS AT THE ROOT OF YOUR PROJECT :) Apr 16, 2016 at 0:35
  • 19
    This solution will not work if code covered with unit tests like Mocha test
    – alx lark
    Nov 3, 2016 at 9:01
133

There's a really interesting section in the Browserify Handbook:

avoiding ../../../../../../..

Not everything in an application properly belongs on the public npm and the overhead of setting up a private npm or git repo is still rather large in many cases. Here are some approaches for avoiding the ../../../../../../../ relative paths problem.

node_modules

People sometimes object to putting application-specific modules into node_modules because it is not obvious how to check in your internal modules without also checking in third-party modules from npm.

The answer is quite simple! If you have a .gitignore file that ignores node_modules:

node_modules

You can just add an exception with ! for each of your internal application modules:

node_modules/*
!node_modules/foo
!node_modules/bar

Please note that you can't unignore a subdirectory, if the parent is already ignored. So instead of ignoring node_modules, you have to ignore every directory inside node_modules with the node_modules/* trick, and then you can add your exceptions.

Now anywhere in your application you will be able to require('foo') or require('bar') without having a very large and fragile relative path.

If you have a lot of modules and want to keep them more separate from the third-party modules installed by npm, you can just put them all under a directory in node_modules such as node_modules/app:

node_modules/app/foo
node_modules/app/bar

Now you will be able to require('app/foo') or require('app/bar') from anywhere in your application.

In your .gitignore, just add an exception for node_modules/app:

node_modules/*
!node_modules/app

If your application had transforms configured in package.json, you'll need to create a separate package.json with its own transform field in your node_modules/foo or node_modules/app/foo component directory because transforms don't apply across module boundaries. This will make your modules more robust against configuration changes in your application and it will be easier to independently reuse the packages outside of your application.

symlink

Another handy trick if you are working on an application where you can make symlinks and don't need to support windows is to symlink a lib/ or app/ folder into node_modules. From the project root, do:

ln -s ../lib node_modules/app

and now from anywhere in your project you'll be able to require files in lib/ by doing require('app/foo.js') to get lib/foo.js.

custom paths

You might see some places talk about using the $NODE_PATH environment variable or opts.paths to add directories for node and browserify to look in to find modules.

Unlike most other platforms, using a shell-style array of path directories with $NODE_PATH is not as favorable in node compared to making effective use of the node_modules directory.

This is because your application is more tightly coupled to a runtime environment configuration so there are more moving parts and your application will only work when your environment is setup correctly.

node and browserify both support but discourage the use of $NODE_PATH.

15
  • 27
    The only down side of putting it in the node_modules folder is that it makes it harder to nuke (rm -rf node_modules) folder
    – Michael
    Dec 21, 2014 at 14:15
  • 14
    @Michael Not that much harder: git clean -dx node_modules Jul 1, 2015 at 23:50
  • 4
    Or in case you've forgotten the git clean syntax, one can always rm -rf node_modules && git checkout node_modules - be sure to git stash in case there are any changes to the node_modules subdirectories.
    – derenio
    Dec 3, 2015 at 11:59
  • 3
    I like the idea of using node_modules, but not for storing the source code considering how volatile it can be. Wouldn't it make more sense to publish the separated module and save it as a dependency in the original project? It provides a clear solution to the volatility of the node_modules directory and only relies on npm, rather than relying on git, symbolic links, or the $NODE_PATH solution. Jan 25, 2016 at 20:49
  • 3
    NODE_PATH looks like the way to go. "your application will only work when your environment is setup correctly" this is always true! Isn't it easier to get the environment setup (usually in one file) than to change every import in every file?
    – CpILL
    Jul 16, 2017 at 13:46
94

I like to make a new node_modules folder for shared code. Then let Node.js and 'require' do what they do best.

For example:

- node_modules // => these are loaded from your *package.json* file
- app
  - node_modules // => add node-style modules
    - helper.js
  - models
    - user
    - car
- package.json
- .gitignore

For example, if you're in car/index.js you can require('helper') and Node.js will find it!

How node_modules Work

Node.js has a clever algorithm for resolving modules that is unique among rival platforms.

If you require('./foo.js') from /beep/boop/bar.js, Node.js will look for ./foo.js in /beep/boop/foo.js. Paths that start with a ./ or ../ are always local to the file that calls require().

If, however, you 'require' a non-relative name such as require('xyz') from /beep/boop/foo.js, Node.js searches these paths in order, stopping at the first match and raising an error if nothing is found:

/beep/boop/node_modules/xyz
/beep/node_modules/xyz
/node_modules/xyz

For each xyz directory that exists, Node.js will first look for a xyz/package.json to see if a "main" field exists. The "main" field defines which file should take charge if you require() the directory path.

For example, if /beep/node_modules/xyz is the first match and /beep/node_modules/xyz/package.json has:

{
  "name": "xyz",
  "version": "1.2.3",
  "main": "lib/abc.js"
}

then the exports from /beep/node_modules/xyz/lib/abc.js will be returned by require('xyz').

If there is no package.json or no "main" field, index.js is assumed:

/beep/node_modules/xyz/index.js
4
  • 3
    great explanation on how it works when loading a module
    – goenning
    Sep 30, 2015 at 17:26
  • 3
    This is a very elegant solution, avoids all the problems in the answers above. Should be consider THE answer, imho.
    – rodurico
    May 21, 2019 at 15:44
  • running npm install deletes the inner node modules...
    – SlurpGoose
    Nov 10, 2020 at 3:15
  • @SlurpGoose is it true? Can you provide source?
    – Noname
    Dec 31, 2021 at 6:04
38

The big picture

It seems "really bad" but give it time. It is, in fact, really good. The explicit require()s give a total transparency and ease of understanding that is like a breath of fresh air during a project life cycle.

Think of it this way: You are reading an example, dipping your toes into Node.js and you've decided it is "really bad IMO." You are second-guessing leaders of the Node.js community, people who have logged more hours writing and maintaining Node.js applications than anyone. What is the chance the author made such a rookie mistake? (And I agree, from my Ruby and Python background, it seems at first like a disaster.)

There is a lot of hype and counter-hype surrounding Node.js. But when the dust settles, we will acknowledge that explicit modules and "local first" packages were a major driver of adoption.

The common case

Of course, node_modules from the current directory, then the parent, then grandparent, great-grandparent, etc. is searched. So packages you have installed already work this way. Usually you can require("express") from anywhere in your project and it works fine.

If you find yourself loading common files from the root of your project (perhaps because they are common utility functions), then that is a big clue that it's time to make a package. Packages are very simple: move your files into node_modules/ and put a package.json there. Voila! Everything in that namespace is accessible from your entire project. Packages are the correct way to get your code into a global namespace.

Other workarounds

I personally don't use these techniques, but they do answer your question, and of course you know your own situation better than I.

You can set $NODE_PATH to your project root. That directory will be searched when you require().

Next, you could compromise and require a common, local file from all your examples. That common file simply re-exports the true file in the grandparent directory.

examples/downloads/app.js (and many others like it)

var express = require('./express')

examples/downloads/express.js

module.exports = require('../../')

Now when you relocate those files, the worst-case is fixing the one shim module.

9
  • 16
    I agree that the Node.js guys must have chosen relative require for a reason. I just can't see its advantages, neither from your answer. It still feels "bad" to me ;) Jul 26, 2013 at 9:04
  • 28
    “You are second-guessing leaders of the Node.js community” - Same leaders decided to use callbacks instead of futures/promises. Majority of my nodejs consulting involves cursing said "leaders", and convincing people to move to JVM. Which is much easier after few months of using nodejs :) Oct 17, 2013 at 15:03
  • 12
    @nirth, move to JVM? For God's sake, why?
    – Ivancho
    Feb 27, 2014 at 13:21
  • 42
    "You are second-guessing leaders of the Node.js community" please avoid this thought-discouraging tone.
    – atlex2
    Dec 18, 2015 at 15:39
  • 21
    Damn right he's second guessing node leaders. That's how the industry progresses. If the node guys didn't second guess the leaders that propped up thread based concurrency models, we wouldn't have node.
    – d512
    Jan 10, 2016 at 3:12
23

If you are using yarn instead of npm you can use workspaces.

Let's say I have a folder services I wish to require more easily:

.
├── app.js
├── node_modules
├── test
├── services
│   ├── foo
│   └── bar
└── package.json

To create a Yarn workspace, create a package.json file inside the services folder:

{
  "name": "myservices",
  "version": "1.0.0"
}

In your main package.json add:

"private": true,
"workspaces": ["myservices"]

Run yarn install from the root of the project.

Then, anywhere in your code, you can do:

const { myFunc } = require('myservices/foo')

instead of something like:

const { myFunc } = require('../../../../../../services/foo')
6
  • 9
    Perhaps it's an idea to clarify that this only works for yarn, not for npm? I reckoned it would probably work for npm as well, so spent a little time wondering what I'd done wrong until I tried using yarn instead. Might've been a stupid assumption, but perhaps I'm not the only one.
    – ArneHugo
    Feb 25, 2019 at 13:46
  • 2
    I've edited a bit to clarify. Sorry for the confusion. Feb 25, 2019 at 18:08
  • 1
    @schmerb I suppose you do have to agree to use Yarn but you kinda need to make this decision regardless - just installing packages using a mix of npm and yarn makes a mess. Jul 7, 2020 at 16:51
  • 1
    I came across this post to force npm/yarn: freecodecamp.org/news/how-to-force-use-yarn-or-npm Jul 27, 2020 at 14:50
  • 2
    npm 7 understands workspaces, too.
    – xmedeko
    May 5, 2021 at 16:22
20

Have a look at node-rfr.

It's as simple as this:

var rfr = require('rfr');
var myModule = rfr('projectSubDir/myModule');
3
  • i think the second line should be var myModule = rfr('/projectSubDir/myModule');
    – Sikorski
    Oct 23, 2014 at 13:32
  • 1
    From the docs : var module2 = rfr('lib/module2'); // Leading slash can be omitted.
    – igelineau
    Mar 19, 2015 at 2:34
  • 4
    I tried it and it rfr works OK to execute with node, but it breaks code navigation with VS Code... I haven't been able to find a workaround, to be able to use autocomplete in VS... Aug 22, 2018 at 3:23
15

I use process.cwd() in my projects. For example:

var Foo = require(process.cwd() + '/common/foo.js');

It might be worth noting that this will result in requireing an absolute path, though I have yet to run into issues with this.

2
  • 3
    That's bad idea because CWD does not have to be the same directory where is the application saved.
    – jiwopene
    Aug 27, 2019 at 15:33
  • Works great if you set it once: global.dir = process.cwd(); then reference that anywhere.
    – vanwinter
    Jun 1, 2022 at 3:56
13

IMHO, the easiest way is to define your own function as part of GLOBAL object. Create projRequire.js in the root of you project with the following contents:

var projectDir = __dirname;

module.exports = GLOBAL.projRequire = function(module) {
  return require(projectDir + module);
}

In your main file before requireing any of project-specific modules:

// init projRequire
require('./projRequire');

After that following works for me:

// main file
projRequire('/lib/lol');

// index.js at projectDir/lib/lol/index.js
console.log('Ok');


@Totty, I've comed up with another solution, which could work for case you described in comments. Description gonna be tl;dr, so I better show a picture with structure of my test project.

5
11

There's a good discussion of this issue here.

I ran into the same architectural problem: wanting a way of giving my application more organization and internal namespaces, without:

  • mixing application modules with external dependencies or bothering with private npm repos for application-specific code
  • using relative requires, which make refactoring and comprehension harder
  • using symlinks or changing the node path, which can obscure source locations and don't play nicely with source control

In the end, I decided to organize my code using file naming conventions rather than directories. A structure would look something like:

  • npm-shrinkwrap.json
  • package.json
  • node_modules
    • ...
  • src
    • app.js
    • app.config.js
    • app.models.bar.js
    • app.models.foo.js
    • app.web.js
    • app.web.routes.js
    • ...

Then in code:

var app_config = require('./app.config');
var app_models_foo = require('./app.models.foo');

or just

var config = require('./app.config');
var foo = require('./app.models.foo');

and external dependencies are available from node_modules as usual:

var express = require('express');

In this way, all application code is hierarchically organized into modules and available to all other code relative to the application root.

The main disadvantage is of course that in a file browser, you can't expand/collapse the tree as though it was actually organized into directories. But I like that it's very explicit about where all code is coming from, and it doesn't use any 'magic'.

4
  • From the gist you linked, solution #7, "The Wrapper", is quite simple and convenient. Jul 17, 2014 at 2:58
  • I see one more little convenience - "moving" a file to different "folder" becomes a rename - which is more easy than moving file. Plus I tend to notice that after half hour of work on project, almost all of my app tree is expanded anyway. Adding 1 level of folder space can make big codebase manageble and not introducing too much ../x/x which is already readable.
    – Ski
    Feb 22, 2020 at 22:23
  • 1
    You are reinventing folders, using dots instead of slashes, to overcome a clear lack in nodejs. May 24, 2020 at 19:47
  • For a small project I think this is an elegant solution. If you work in a team though it can be hard to keep straight when it is best to use this convention.
    – TastyWheat
    May 16, 2021 at 11:07
11

Assuming your project root is the current working directory, this should work:

// require built-in path module
path = require('path');

// require file relative to current working directory
config = require( path.resolve('.','config.js') );
2
  • config = require('./config.js'); is valid too.
    – cespon
    May 17, 2015 at 20:29
  • 8
    @cespon no that's just relative to the file requiring.
    – protometa
    Jul 21, 2015 at 19:17
10

I have tried many of these solutions. I ended up adding this to the top of my main file (e.g. index.js):

process.env.NODE_PATH = __dirname;
require('module').Module._initPaths();

This adds the project root to the NODE_PATH when the script is loaded. The allows me to require any file in my project by referencing its relative path from the project root such as var User = require('models/user'). This solution should work as long as you are running a main script in the project root before running anything else in your project.

10

Some of the answers are saying that the best way is to add the code to the node_modules folder folder as a package. I agree and it's probably the best way to lose the ../../../ in require, but none of them actually give a way to do so.

From version 2.0.0, you can install a package from local files, which means you can create a folder in your root with all the packages you want,

-modules
 --foo
 --bar
-app.js
-package.json

so in package.json you can add the modules (or foo and bar) as a package without publishing or using an external server like this:

{
  "name": "baz",
  "dependencies": {
    "bar": "file: ./modules/bar",
    "foo": "file: ./modules/foo"
  }
}

After that you do npm install, and you can access the code with var foo = require("foo"), just like you do with all the other packages.

More information can be found on package.json.

And here is how to create a package: Creating Node.js modules

1
  • 1
    "This feature is helpful for local offline development and creating tests that require npm installing where you don't want to hit an external server, but should not be used when publishing packages to the public registry."
    – Ryan Smith
    Mar 14, 2017 at 15:21
8

You could use a module I made, Undot. It is nothing advanced, just a helper so you can avoid those dot hell with simplicity.

Example:

var undot = require('undot');
var User = undot('models/user');
var config = undot('config');
var test = undot('test/api/user/auth');
1
  • 1
    Not works in tests. If my file is /myapp/org/acme/core/AnnotationHelperTest.js I get this error: /myapp/org/acme/node_modules/mocha/bin/org/acme/core/AnnotationHelperTest.js does not exist :(
    – JRichardsz
    Sep 23, 2020 at 14:21
7

Another answer:

Imagine this folders structure:

  • node_modules - lodash

  • src - subdir - foo.js - bar.js - main.js

  • tests

    - test.js
    

Then in test.js, you need to require files like this:

const foo = require("../src/subdir/foo");
const bar = require("../src/subdir/bar");
const main = require("../src/main");
const _ = require("lodash");

and in main.js:

const foo = require("./subdir/foo");
const bar = require("./subdir/bar");
const _ = require("lodash");

Now you can use babel and the babel-plugin-module-resolver with this .babelrc file to configure two root folders:

{
    "plugins": [
        ["module-resolver", {
            "root": ["./src", "./src/subdir"]
        }]
    ]
}

Now you can require files in the same manner in tests and in src:

const foo = require("foo");
const bar = require("bar");
const main = require("main");
const _ = require("lodash");

And if you want use the ES6 module syntax:

{
    "plugins": [
        ["module-resolver", {
            "root": ["./src", "./src/subdir"]
        }],
        "transform-es2015-modules-commonjs"
    ]
}

then you import files in tests and src like this:

import foo from "foo"
import bar from "bar"
import _ from "lodash"
2
  • Thank you for this post. Now I'm able to use absolute paths in my Node app. However, I'm not sure if transform-es2015-modules-commonjs (or, @babel/plugin-transform-modules-commonjs) is necessary. Babel is meant to making sure that ES6+ features will be available for an older environment/browser, right? So I feel that it would be redundant. (In fact, my app can use es6 module syntax like import without it) FYI I'm using Node v12.2.0
    – Hiroki
    Jan 27, 2021 at 7:04
  • 1
    @Hiroki NodJS didn't have a support for es6 module syntax import when i answered. So transform-es2015-modules-commonj was required to execute tests on a nodeJS environment
    – Troopers
    Jan 27, 2021 at 7:22
6

You could define something like this in your app.js:

requireFromRoot = (function(root) {
    return function(resource) {
        return require(root+"/"+resource);
    }
})(__dirname);

and then anytime you want to require something from the root, no matter where you are, you just use requireFromRoot instead of the vanilla require. Works pretty well for me so far.

6
  • Thanks! I think this is pretty smart and straightforward.
    – Ryan
    Jul 22, 2013 at 7:25
  • Forgive me father, for I have sinned. I ported this to ES6 and got the following: requireFromRoot = ((root) => (resource) => require(`${root}/${resource}`))(__dirname);. Love the solution, but do you really have to bind __dirname like that?
    – Nuck
    Sep 16, 2014 at 23:39
  • 1
    My memory is a bit hazy on this, but I believe __dirname changes value depending on which file it's used within. Now it may be that since the function is defined in a single place but used in multiple places, the value would remain constant even without this binding, but I just did that to ensure that this is in fact the case. Sep 17, 2014 at 15:39
  • did this a long time ago, causes pains in testing envs and the like. not worth the overhead. random new global makes new people uncertain bla bla Oct 17, 2017 at 6:47
  • And how do you require this function? Apr 29, 2020 at 21:14
6

Manual Symlinks (and Windows Junctions)

Couldn't the examples directory contain a node_modules with a symbolic link to the root of the project project -> ../../ thus allowing the examples to use require('project'), although this doesn't remove the mapping, it does allow the source to use require('project') rather than require('../../').

I have tested this, and it does work with v0.6.18.

Listing of project directory:

$ ls -lR project
project:
drwxr-xr-x 3 user user 4096 2012-06-02 03:51 examples
-rw-r--r-- 1 user user   49 2012-06-02 03:51 index.js

project/examples:
drwxr-xr-x 2 user user 4096 2012-06-02 03:50 node_modules
-rw-r--r-- 1 user user   20 2012-06-02 03:51 test.js

project/examples/node_modules:
lrwxrwxrwx 1 user user 6 2012-06-02 03:50 project -> ../../

The contents of index.js assigns a value to a property of the exports object and invokes console.log with a message that states it was required. The contents of test.js is require('project').

Automated Symlinks

The problem with manually creating symlinks is that every time you npm ci, you lose the symlink. If you make the symlink process a dependency, viola, no problems.

The module basetag is a postinstall script that creates a symlink (or Windows junction) named $ every time npm install or npm ci is run:

npm install --save basetag
node_modules/$ -> ..

With that, you don't need any special modification to your code or require system. $ becomes the root from which you can require.

var foo = require('$/lib/foo.js');

If you don't like the use of $ and would prefer # or something else (except @, which is a special character for npm), you could fork it and make the change.

Note: Although Windows symlinks (to files) require admin permissions, Windows junctions (to directories) do not need Windows admin permissions. This is a safe, reliable, cross-platform solution.

8
  • can you show the sourcecode of your test please? well, and It would work if I would have to require('project.a') this way?
    – Totty.js
    Jun 2, 2012 at 8:01
  • What do you mean by require('project.a')? I think that might mean require('project/a'), although require('project').a is also possible?
    – Dan D.
    Jun 2, 2012 at 8:15
  • but with your example I would need to create those folders in each folder where there is a module that needs the require method. Anyway you would need to take care about the times of "../" depending of the folder.
    – Totty.js
    Jun 2, 2012 at 8:21
  • Actually the link would only need to be in a node_modules directory in the closest parent of both of the file and the link would then be the same for both. See nodejs.org/api/…
    – Dan D.
    Jun 2, 2012 at 9:00
  • And would be relative from that location. For example: project/node_modules/project -> ../.
    – Dan D.
    Jun 4, 2012 at 20:27
5

Imho the easiest way to achieve this is by creating a symbolic link on app startup at node_modules/app (or whatever you call it) which points to ../app. Then you can just call require("app/my/module"). Symbolic links are available on all major platforms.

However, you should still split your stuff in smaller, maintainable modules which are installed via npm. You can also install your private modules via git-url, so there is no reason to have one, monolithic app-directory.

3
  • Support on Windows requires more in-depth knowledge of Node and the OS. It can limit the widespread use of an open source project. Apr 24, 2014 at 4:38
  • Generally I wouldn't use this pattern for a library (which most open source projects are). However, it is possible to create these symlinks in the npm build hook so there is no in-depth knowledge required by the user. Apr 25, 2014 at 12:30
  • 1
    Sure, but Node.js on Windows does not support symlinks by default. May 7, 2014 at 20:01
5

In your own project you could modify any .js file that is used in the root directory and add its path to a property of the process.env variable. For example:

// in index.js
process.env.root = __dirname;

Afterwards you can access the property everywhere:

// in app.js
express = require(process.env.root);
1
  • when multiple modules (or your module used in another app) use this same approach, the process.env.root gets rewritten (meaning that it only works if you assume your project is the only one that uses this approach in all npm packages
    – rellampec
    Mar 13, 2021 at 0:44
4

Here is the actual way I'm doing for more than 6 months. I use a folder named node_modules as my root folder in the project, in this way it will always look for that folder from everywhere I call an absolute require:

  • node_modules
    • myProject
      • index.js I can require("myProject/someFolder/hey.js") instead of require("./someFolder/hey.js")
      • someFolder which contains hey.js

This is more useful when you are nested into folders and it's a lot less work to change a file location if is set in absolute way. I only use 2 the relative require in my whole app.

4
  • 5
    I use similar approach, except that I add local (project's) node_modules in /src, and leave /node_modules for vendors to keep things separate. So I have /src/node_modules for local code and /node_modules for vendors. May 8, 2013 at 13:23
  • 38
    IMHO the node_modules folder is just for node_modules. It is not a good practice to put your whole project inside that folder.
    – McSas
    Nov 5, 2013 at 18:56
  • 2
    @McSas what would you suggest as an alternative to get the same effect as above? Jan 17, 2014 at 12:23
  • 4
    @cspiegl You can use the NODE_PATH environment variable Jun 16, 2014 at 19:27
4

I just came across this article which mentions app-module-path. It allows you to configure a base like this:

require('app-module-path').addPath(baseDir);
0
3

I was looking for the exact same simplicity to require files from any level and I found module-alias.

Just install:

npm i --save module-alias

Open your package.json file, here you can add aliases for your paths, for e.g.

"_moduleAliases": {
 "@root"      : ".", // Application's root
 "@deep"      : "src/some/very/deep/directory/or/file",
 "@my_module" : "lib/some-file.js",
 "something"  : "src/foo", // Or without @. Actually, it could be any string
}

And use your aliases by simply:

require('module-alias/register')
const deep = require('@deep')
const module = require('something')
1
2

If anyone's looking for yet another way to get around this problem, here's my own contribution to the effort:

https://www.npmjs.com/package/use-import

The basic idea: you create a JSON file in the root of the project that maps your filepaths to shorthand names (or get use-automapper to do it for you). You can then request your files/modules using those names. Like so:

var use = require('use-import');
var MyClass = use('MyClass');

So there's that.

2

I wrote this small package that lets you require packages by their relative path from project root, without introducing any global variables or overriding node defaults

https://github.com/Gaafar/pkg-require

It works like this

// create an instance that will find the nearest parent dir containing package.json from your __dirname
const pkgRequire = require('pkg-require')(__dirname);

// require a file relative to the your package.json directory 
const foo = pkgRequire('foo/foo')

// get the absolute path for a file
const absolutePathToFoo = pkgRequire.resolve('foo/foo')

// get the absolute path to your root directory
const packageRootPath = pkgRequire.root()
3
  • Sometimes I have private packages in the main project, this script will break with that. In addition to that I'm not sure will work fine with webpack (in case you use webpack with node.js as I do)
    – Totty.js
    May 3, 2017 at 11:34
  • If you have nested directories with package files, each dir will only be able to require files within its package. Is't that the behavior you want? I haven't tested with webpack.
    – gafi
    May 3, 2017 at 11:42
  • This worked perfectly for a simple project and is far easier than any of the other answers.
    – byxor
    Jul 12, 2017 at 21:29
2

I had the same problem many times. This can be solved by using the basetag npm package. It doesn't have to be required itself, only installed as it creates a symlink inside node_modules to your base path.

const localFile = require('$/local/file')
// instead of
const localFile = require('../../local/file')

Using the $/... prefix will always reference files relative to your apps root directory.

Source: How I created basetag to solve this problem

2

What I like to do is leverage how Node.js loads from the node_modules directory for this.

If one tries to load the module "thing", one would do something like

require('thing');

Node.js will then look for the 'thing' directory in the 'node_modules' directory.

Since the node_modules folder is normally at the root of the project, we can leverage this consistency. (If node_modules is not at the root, then you have other self-induced headaches to deal with.)

If we go into the directory and then back out of it, we can get a consistent path to the root of the Node.js project.

require('thing/../../');

Then if we want to access the /happy directory, we would do this:

require('thing/../../happy');

Though it is quite a bit hacky, however I feel if the functionality of how node_modules load changes, there will be bigger problems to deal with. This behavior should remain consistent.

To make things clear, I do this, because the name of module does not matter.

require('root/../../happy');

I used it recently for Angular 2. I want to load a service from the root.

import {MyService} from 'root/../../app/services/http/my.service';
1
  • About your Angular reference, with a standard CLI application, you can simply import src/app/my.service, you can also configure VSC to use non-relative imports for typescript files.
    – Ploppy
    Sep 14, 2018 at 10:45
2

I just want to follow up on the great answer from Paolo Moretti and Browserify. If you are using a transpiler (e.g., babel, typescript) and you have separate folders for source and transpiled code like src/ and dist/, you could use a variation of the solutions as

node_modules

With the following directory structure:

app
  node_modules
    ... // Normal npm dependencies for app
  src
    node_modules
      app
        ... // Source code
  dist
    node_modules
      app
        ... // Transpiled code

You can then let Babel, etc. to transpile the src directory to the dist directory.

Symbolic link

Using a symbolic link, we can get rid some levels of nesting:

app
  node_modules
    ... // Normal npm dependencies for app
  src
    node_modules
      app // Symbolic links to '..'
    ... // Source code
  dist
    node_modules
      app // Symbolic links to '..'
    ... // Transpiled code

A caveat with babel --copy-files: The --copy-files flag of babel does not deal with symbolic links well. It may keep navigating into the .. symlink and recursively seeing endless files. A workaround is to use the following directory structure:

app
  node_modules
    app // Symbolic link to '../src'
    ... // Normal npm dependencies for app
  src
    ... // Source code
  dist
    node_modules
      app // Symbolic links to '..'
    ... // Transpiled code

In this way, code under src will still have app resolved to src, whereas Babel would not see symlinks anymore.

2
  • Thanks but, I would not recommend doing this magic. First you will lose all the imports, they won't be calculated by your IDE. If you use other tools like flow type it won't work properly either.
    – Totty.js
    Jun 23, 2017 at 8:38
  • Actually flow seems to work in my case, which is not surprising since the solutions depend on the standard node module resolution model, and symlinks. So it is not really magic for tools like flow to understand. But IDEs are different.
    – user716468
    Jun 24, 2017 at 19:08
2

Using the "Imports" property

As of March 2023, a good way to eliminate the NodeJS relative paths is to use the imports property in package.json. For more information, please refer to this post:

In the codes below, #root is the project root.

(Please kindly upvote this answer and this post if they help you. Thanks!)

For CommonJS-style JavaScripts:

// package.json
{
  "imports": {
    "#root/*.js": "./*.js"
  }
}

// main.js:
const Source = require('#root/path/to/Source.js');

// Source.js:
module.exports = class Source {
  // ...
}

For ECMAScript-style JavaScripts:

// package.json:
{
  "type" : "module",
  "imports": {
    "#root/*.js": "./*.js"
  }
}

// main.js
import { Source } from '#root/path/to/Source.js';

// Source.js:
export class Source {
  // ...
}

Advantages:

  • No need to "import" or "require" any additional packages (No Babel.js, No Webpack, No RequireJS). After installing NodeJS, this method works out of the box.

  • IDE linkages work as expected (Ctrl-click a class name to jump directly to the source file. Also, moving the source file (by drag and drop) will automatically update the file path references. Tested on WebStorm 2022.3.2 and VS Code 1.76.2.)

  • Works with both .mjs (ECMAScript module system) and .cjs (CommonJS) file types. Please see this reference Post on .cjs and .mjs.

  • No need to modify with the reserved node_modules directory

  • No need to set up any linux file links at the OS level

1

If your app's entry point js file (i.e. the one you actually run "node" on) is in your project root directory, you can do this really easily with the rootpath npm module. Simply install it via

npm install --save rootpath

...then at the very top of the entry point js file, add:

require('rootpath')();

From that point forward all require calls are now relative to project root - e.g. require('../../../config/debugging/log'); becomes require('config/debugging/log'); (where the config folder is in the project root).

1

If you're using ES5 syntax you may use asapp. For ES6 you may use babel-plugin-module-resolver using a config file like this:

.babelrc

{
  "plugins": [
    ["module-resolver", {
      "root": ["./"],
      "alias": {
        "app": "./app",
        "config": "./app/config",
        "schema": "./app/db/schemas",
        "model": "./app/db/models",
        "controller": "./app/http/controllers",
        "middleware": "./app/http/middleware",
        "route": "./app/http/routes",
        "locale": "./app/locales",
        "log": "./app/logs",
        "library": "./app/utilities/libraries",
        "helper": "./app/utilities/helpers",
        "view": "./app/views"
      }
    }]
  ]
}
1

I created a node module called rekuire.

It allows you to 'require' without the use of relative paths.

It is super easy to use.

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.