npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

esm-root-loader

v0.2.1

Published

ESM loader to import from the project root

Downloads

187

Readme

ESM Root Loader

ESM Root Loader is a custom resolver implementation for the experimental loader hooks feature of Node.js ECMAScript modules.

Using this loader will enhance the default loader behavior to allow you to import from the root of your project, even if the import occurs from a file located in a subdirectory:

import config from '/config.js';

By default, the above code snippet will resolve a config.js file from the root of your project.

This can be especially useful in projects which run both in the browser and in Node.js, since browser imports on the root path can be leveraged to resolve from the root of a domain.

Installation

Install as a dependency using npm:

npm install esm-root-loader

Usage

Loaders can be defined as an argument when running node.

node --experimental-loader=esm-root-loader entry.js

Configuration

Default usage will resolve imports from the root of your project.

If needed, you can assign a custom root path using an esmRoot property in your project's package.json. This will be evaluated as relative to the root path of the project.

{
	"esmRoot": "./public"
}

You can also customize or omit the prefix for resolving specifiers from the root.

For example, to import without the leading slash, you can set esmRootPrefix to false in your project's package.json.

import config from 'config.js';
{
	"esmRootPrefix": false
}

You can also customize the prefix by assigning any string value to this property.

import config from '~config.js';
{
	"esmRootPrefix": "~"
}

These options are also configurable by environment variables ESM_ROOT and ESM_ROOT_PREFIX.

Versioning

This project follows SemVer.

To better align with the experimental status of the loader hooks, initial releases will follow major version zero until the feature stabilizes in Node.js. Minor versions on the zero major will always include breaking changes. Patch versions on the zero major will include bug fixes and backwards-compatible changes.

Versioning will proceed from 1.0.0 once the feature stabilizes in Node.js.

License

Copyright (c) 2022 Andrew Duthie

Released under the MIT License. See LICENSE.md.