@transclusion/work NPM

work

It just works so you can stop configuring and get s**t done!

NOTE: @transclusion/work is currently in alpha.

What is this?

@transclusion/work is a runtime that provides a highly opinionated environment for quickly developing web apps with Node.js. Becauce it’s built on top of micro, it works particularly well with the now platform.

What does it do?

Understanding both modern JavaScript and TypeScript (with no configuration). Since it uses rollup under the hood, the bundles are as small and optimized and possible.
Running a development server with hot-reloading.
Running a production server with highly optimized configuration.

Get started

First install work:

npm install @transclusion/work

Create a file called work.config.js in the root of the project:

module.exports = {
  builds: [
    {src: './browser.js', target: 'browser', dir: './dist/static'},
    {src: './server.js', target: 'server', dir: './dist'}
  ],
  routes: [
    {src: '/static/(.*)', dest: './dist/static/$1'},
    {src: '(.*)', dest: './dist/server.js'}
  ],
  extendRollup(rollupConfig) {
    // extend rollup config if needed
    return {...rollupConfig}
  }
}

Create a file named browser.js:

document.body.innerHTML = 'Hello from the browser'

Create a file named server.js:

module.exports = function (req, res) {
  res.writeHead(200, {'content-type': 'text/html'})
  res.end(`<!doctype html>
<html>
  <body>
    Hello from the server
    <script src="/static/browser.js"></script>
  </body>
</html>`)
}

Run the development server:

npx work dev
# Listening at http://localhost:3000

@everything-registry/sub-chunk-930

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago