Protopack NPM | npm.io

protopack

WORK-IN-PROGRESS. A bundler for prototypes.

npm install protopack --save-dev

Documentation

protopack is built on top of rollup, babel, postcss and many other libraries.

Get started

Create a new directory for a prototype. Add a file called .protopack.config.js (or protopack.json):

// .protopack.config.js
'use strict'

module.exports = {
  input: './src/index.html',
  output: './dist/index.html'
}

Create a new directory called src, and add an index.html file to it.

Then call:

NODE_ENV=production npx protopack build

Node.js API

import path from 'path'
import {build} from 'protopack'

const opts = {
  cwd: path.resolve(__dirname, '..'),
  baseUrl: 'http://localhost:3000'
}

build(opts)
  .then(results => {
    console.log('Built ok')
  })
  .catch(err => {
    console.error(err)
  })

Express middleware

import express from 'express'
import path from 'path'
import {middleware} from 'protopack'

const app = express()

const opts = {
  cwd: path.resolve(__dirname, '..'),
  baseUrl: 'http://localhost:3000'
}

// Use the middleware before routes
app.use(middleware(opts))

app.listen(3000, () => {
  console.log('Listening at http://localhost:3000')
})