javascript - 是否可以在没有输入文件的情况下运行汇总插件(在多 bundle 实例中)？

Question

我有一种情况，我通过汇总 cli bundle 多个文件一个 example这在文档中可用。

我像这样导出一组 bundle :

export default [
    {
        input: 'packages/A/index.js',
        output: {
            name: '[name]Bundle',
            file: '[name].umd.js',
            format: 'umd'
        }
    },
    {
        input: 'packages/B/index.js',
        output: {
            name: '[name]Bundle',
            file: '[name].umd.js',
            format: 'umd'
        }
    }
];

然后我有一个函数可以为每个 bundle 添加一个通用配置(想想插件)，比如:

import path from "path";

import alias from '@rollup/plugin-alias';
import resolve from '@rollup/plugin-node-resolve';


const augment = configs => {

    const generateAlias = (symbol, location) => {
        return {
            find: symbol,
            replacement: path.resolve(process.cwd(), location)
        };
    }

    const entries = [
        generateAlias("@", "src/"),
        generateAlias("~", "src/assets/scss/"),
        generateAlias("#", "src/assets/img/"),
        generateAlias("%", "config/"),
    ];

    const plugins = [
        alias({
            entries
        }),
        resolve({ browser: true }),
    ];

    return configs.map(entry => {
        return {
            ...entry,
            plugins
        }
    });
}

export {
    augment
}

我将上面导出的数组包装在 augment 中喜欢:

const bundles = [/* above example */];

export default augment(bundles);

现在这一切都很好，但是我有两个插件，我实际上不想应用于每个包，我只想在所有包都构建后运行它们，这两个插件是； rollup-plugin-serve和 rollup-plugin-workbox现在这些实际上都与 bundle 的任何文件没有任何关系，并且多次实例化是没有意义的。

作为 augment 的一部分，我想做什么函数将它们附加到返回数组的末尾，例如:

const exportedArray = configs.map(/* function from above */);

exportedArray.push(...[
        {
                plugins: [
                        serve({
                                host,
                                port,
                                contentBase: 'dist/'
                        })
                ]
        }
]);

return exportedArray;

这不会包含 input ，我已经尝试了上述和汇总提示，另一种选择是将这些插件添加到阵列上的最终包中，我只是更喜欢实例化它们而不将它们绑定(bind)到特定包的想法。

Answer 1

Rollup 需要一个输入文件才能工作，但这并不意味着您不能简单地丢弃文件的结果。你可以做一个空文件empty.js (或者可能在其中添加一些评论)并将其用作输入。只需省略输出属性，这样结果就不会写入任何地方。

- -编辑 - -

有点像这样:

export default {
    input: './empty.js',
    plugins: [{
        name: 'test plugin',
        load() {
            console.log('test plugin')
        }
    }]
}

- -编辑 - -

或者，您可以写入一个虚拟文件并再次将其删除

const fs = require('fs')

export default {
    input: './empty.js',
    output: {
        file: './dummy',
    },
    plugins: [{
        name: 'test plugin',
        writeBundle(options) {
            fs.unlinkSync(options.file)
        }
    }]
}