npm.io
0.0.2 • Published 10 years agoCLI

serve-esnext

Licence
MIT
Version
0.0.2
Deps
13
Vulns
0
Weekly
0
SummaryDependencyVersions

serve-esnext

Build Status

Seamlessly run ES.Next code in the browser.

Currently, when starting a new JavaScript web application project, a significant amount of time is spent coordinating different libraries to compile ES.Next into ES5 and load it into the browser. External dependencies have to be declared and configured via configuration files committed to the codebase.

The WHATWG is developing the JavaScript Loader Standard, which defines how browsers should handle the import and export keywords.

serve-esnext coordinates and configures the necessary libraries to implement the JavaScript Loader Standard without requiring additional configuration.

Installing

serve-esnext is available as an npm package.

Usage

In package.json, run serve-esnext as follows:

{
  "name": "project",
  "private": true,
  "scripts": {
    "start": "serve-esnext"
  }
}

serve-esnext assumes the following project directory structure:

package.json
src
  index.html
  index.js

The index.html should import index.js as follows:

<!doctype html>
<meta charset="utf-8">
<script type="module" src="project/index.js"></script>

From the command line, run:

npm start

The application can be accessed from http://localhost:8080.

serve-esnext can also be run as an express middleware as follows:

import * as path from 'path';
import express from 'express';
import serveEsnext from 'serve-esnext';

express()
  .use(serveEsnext)
  .use(express.static(path.resolve()))
  .listen(8080);

Development

Getting Started

The application requires the following external dependencies:

  • Node.js

The rest of the dependencies are handled through:

npm install

Run tests with:

npm test

Keywords

esnextes6es2015server