🍣 A Rollup plugin to rename the node_modules
created when bundling some external libries while using preserveModules
When you enable preserveModules
but also want to bundle some stuff from dependencies (in my case it was css
files so that Next.js
can use my library),
rollup
will put the files under node_modules
folder under your output dir. This works locally just fine, but if you try to npm publish
this output dir,
npm
will automatically ignore node_modules
inside the output dir so your package will not work when distributed through npm
. I don't know if this is
a bug or a desired behavior, but this plugin fixes this by renaming the node_modules
folder to something else and also check each file and rename any
relative imports pointing to this node_modules
to the corrected path.
This plugin requires an LTS Node version (v8.0.0+) and Rollup
Using npm:
npm install rollup-plugin-rename-node-modules --save-dev
Create a rollup.config.js
configuration file and import the plugin:
import renameNodeModules from "rollup-plugin-rename-node-modules";
export default {
input: "src/index.js",
output: {
dir: "output",
format: "cjs",
},
plugins: [renameNodeModules("ext")],
};
It takes a string and will rename files and mentions of node_module
to the provided string. By default it's external
. Since v1.3.0, you can also pass in a function that takes a string
and returns a string
.
It has an optional second parameter sourceMap
which defaults to true
and can disable source map generation:
plugins: [renameNodeModules("ext", false)]
Base idea taken from https://github.com/GiG/rollup-plugin-rename-extensions