rollup-plugin-rename-files

个人遇到的问题：组件库用 preserveModules 打包带有 less 文件的会变编译成 .less.js ，实际使用项目以及合理性考虑想改成 .css.js 文件后缀，找了一些包都没能解决这个问题———— rollup-plugin-rename 老报错, rollup-plugin-rename-node-modules 只改 node_modules 下的 rollup-plugin-rename-extensions 也改不了猜测是只匹配 extensions

所以决定稍微改下 rollup-plugin-rename-node-modules 来解决这个问题

Install

Using npm:

npm install rollup-plugin-rename-files --save-dev

Usage

import rename from "rollup-plugin-rename-files";

export default {
  input: "src/index.js",
  output: {
    dir: "output",
    format: "cjs",
  },
  plugins: [
    rename({
      includes: "",
      moduleName: (filename) => filename.replace(/\.less\.js/g, ".css.js"), // string | ((fileName: string) => string) = "external",
    }),
  ],
};

下面是原来项目的 readme

rollup-plugin-rename-node-modules

🍣 A Rollup plugin to rename the node_modules created when bundling some external libries while using preserveModules

Why?

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.

Requirements

This plugin requires an LTS Node version (v8.0.0+) and Rollup

Install

Using npm:

npm install rollup-plugin-rename-node-modules --save-dev

Usage

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)];

Credit

Base idea taken from https://github.com/GiG/rollup-plugin-rename-extensions