Webpack Runtime Compiler

Webpack runtime compiler with support for strings and Buffer objects as virtual files in memory. This allows the application to create a string on the fly—or data like dynamic generated images—and require it within a Webpack bundle. In production envionment, the files are compiled during the first call and then cached on disk or in memory. In non-production environments, the files are stored in memory.

Install

$ npm install webpack-runtime-compiler

Use

Compile a Webpack bundle with entry file data retrieved from a string

const WebpackRuntimeCompiler = require('webpack-runtime-compiler');
 
let webpackOptions = {
    entry: '/path/to/entry.jsx',
    output: {
        path: '/path/to/output',
        filename: 'bundle.js',
    },
    module: {
        //...
    },
};
 
let customFiles = {
    '/path/to/entry.jsx': 'import react from "react"; //...',
};
 
let compiler = new WebpackRuntimeCompiler(webpackOptions, customFiles);
 
compiler.run().then(stats => {
    let fs = stats.outputFileSystem; // Use this instead of require('fs')
    fs.readFile('/path/to/output/bundle.js', (error, data) => {
        console.log(data); // Returns data from compiled Webpack bundle...
    });
});

Force in memory file system in production environment

const WebpackRuntimeCompiler = require('webpack-runtime-compiler');
 
//...
 
let compiler = new WebpackRuntimeCompiler(webpackOptions, customFiles, true); // Set forceInMemoryOutput to true

License

The MIT License