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

babel-plugin-name-amd-modules

v2.32.0

Published

A Babel plugin to give name to AMD modules based on their path and package.

Downloads

28,665

Readme

babel-plugin-name-amd-modules

Give a name to AMD modules based on package name and version and module path.

Example

In

define([], function () {});

Out

define('[email protected]/index', [], function () {});

Installation

npm install --save-dev babel-plugin-name-amd-modules

Usage

Add the following to your .babelrc file:

Without options:

{
	"plugins": ["name-amd-modules"]
}

With options:

{
	"plugins": [
		[
			"name-amd-modules",
			{
				"packageName": "my-npm-package",
				"srcPrefixes": [
					"packages/my-npm-package",
					"packages/my-other-npm-package"
				]
			}
		]
	]
}

Technical Details and Options

This plugin scans modules for AMD define() calls and rewrites the module name argument with one based on the name of the package that contains the module and the module's relative path inside that package (removing the .js extension from the file name too).

By default (if no custom value is given for the packageName option) this plugin looks for the package.json of the module assuming it is located in a JS Toolkit project. Otherwise, the package name can be forced to any fixed value by providing a value other than <package.json> to the packageName option.

To determine the relative path of the modules the srcPrefixes option is examined and any folder found on it is removed from the path of the modules being processed, giving the relative package name.

For example, given a srcPrefixes of ["src"] if the module under src/index.js is processed, its relative path is transformed to index.js.

However, note that the plugin automatically removes sources configured inside .npmbundlerrc when it transforms a file inside any of those folders.