serve-esnext
v0.0.2
Published
Seamlessly run ES.Next code in the browser
Downloads
10
Readme
serve-esnext
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.jsThe 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 startThe 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 installRun tests with:
npm test