memory-webpack-plugin

A webpack plugin for create memory assets

Install

1. add package

$ yarn add memory-webpack-plugin

2. edit webpack.config.js

const MemoryWebpackPlugin = require('memory-webpack-plugin');

module.exports = {
    ...
    plugins: [
        ...
        new MemoryWebpackPlugin({
            'abc.css': async () => '.app { display: flex; }'
        })
    ]
};

3. import in code;

import style from 'abc.css';

// do something;
console.log(style);

Usage

const MemoryWebpackPlugin = require('memory-webpack-plugin');

// MyPlugin
module.exports = class MyPlugin extends MemoryWebpackPlugin {

    // init
    constructor(data) {
        super(data);

        this.descriptor = { name: 'my-plugin' };
    }

    // apply
    apply(compiler) {
        super.apply(compiler);

        // set memory
        this.$set('abc.css', source);

        // get memory
        this.$get('abc.css');

        // do something;
        ...
    }
}