Rename Extensions Plugin

Rollup plugin to take modules from RollUp and rename their file extensions. Useful for when using preserveModules. The plugin will also parse all modules code and rewrite imports/exports to match the new file name.

Installation

1npm i --save-dev @betit/rollup-plugin-rename-extensions

Usage

As an example, heres how we can convert .ts .vue to .js and .vue.js respectively.

1import renameExtensions from '@betit/rollup-plugin-rename-extensions';
2
3// Rollup Configuration
4export default {
5    input: './src/index.js',
6    preserveModules: true,
7    /* ... */
8    plugins: [
9        // After transforms...
10        renameExtensions({
11            include: ['**/*.ts', '**/*.vue'],
12            mappings: {
13                '.vue': '.vue.js',
14                '.ts': '.js',
15            },
16        })
17    ],
18},

Options

1export interface IRenameExtensionsOptions {
2    /**
3     * Files to include for potential renames.
4     * Also denotes files of which may import a renamed module in
5     * order to update their imports.
6     */
7    include?: Array<string | RegExp> | string | RegExp | null;
8
9    /**
10     * Files to explicitly exclude
11     */
12    exclude?: Array<string | RegExp> | string | RegExp | null;
13
14    /**
15     * Generate source maps for the transformations.
16     */
17    sourceMap?: boolean;
18
19    /**
20     * Babel plugins to use for parsing. Defaults to:
21     * `dynamicImport`, `classProperties`, `objectRestSpread`
22     *
23     * For a full list visit https://babeljs.io/docs/en/babel-parser#plugins
24     */
25    parserPlugins?: ParserPlugin[];
26
27    /**
28     * Object describing the transformations to use.
29     * IE. Input Extension => Output Extensions.
30     * Extensions should include the dot for both input and output.
31     */
32    mappings: Record<string, string>;
33}