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-globals

v2.0.1

Published

Compiles javascript files and all their dependencies with babel.

Downloads

192

Readme

babel-globals

Compiles javascript files and all their dependencies with babel, outputing them as global variables.

##Usage This is a wrapper around babel for compiling a list of files and exposing the ES6 modules as global variables. After compiling all given files (and their dependencies, since we're using babel-deps), they are bundled into a single file. The return value of the function is an instance of Concat.

var babelGlobals = require('babel-globals');

var files = [
	{
		contents: fs.readFileSync(path1, 'utf8'),
		options: {filename: path1}
	},
	{
		contents: fs.readFileSync(path2, 'utf8'),
		options: {filename: path2}
	}
];

var bundle = babelGlobals(files, {
	bundleFileName: 'bundle.js',
	globalName: 'foo'
});
// Bundle will contain all the modules, which will be available at this.foo

Babel 6

Note that since babel-globals is not using Babel 6, it won't transpile ES2015 automatically anymore. To do that it's necessary to pass plugins or presets to babel, indicating what it should do.

For example, to use babel-globals on an ES2015 project you should have something like this:

var bundle = babelGlobals(files, {
  babel: {
    presets: ['es2015']
  },
  bundleFileName: 'bundle.js',
  globalName: 'foo'
});

Note that you need to first install the preset to use it, like this:

$ npm install --save-dev babel-preset-es2015

API

files

An array of files to be compiled with their dependencies. Each element of the array should be an object with the following keys:

  • contents {string} The code to be compiled.
  • options {!Object} Options to be passed to babel when compiling this file. Note that the filename option is required.

options

An object with the following options:

  • babel {Object=} An object with babel options that should be used for all files. File specific options will be merged with this before the file is compiled, so they have higher priority.
  • bundleFileName {string=} The name of the bundled file. Defaults to bundle.js.
  • globalName {string=} The name of the global variable the modules will be exported to. Defaults to myGlobals.
  • skipGlobalVarInit {boolean=} If true, will not initialize the global variable. Set this to true if the variable will be initialized somewhere else.