rollup-plugin-template-replace v0.2.4

Replace the template expressions and restore them.

It won't process nested expressions.

import replace from "rollup-plugin-template-replace";

export default {
  input: "index.js",
  output: {
    dir: "output",
    format: "esm",
  },
  plugins: [
    replace({
      /* options */
    }),
  ],
};

Example, use a CSS preprocessor to process the modified text.

replace({
  match: (tag) => tag === "css",
  callback: (input) => postcss(/* postcss plugins */).process(input).css.trim(),
  replace: (_, index) => `--__REPLACE__${index}__`,
});

before replacement

css`
  .class {
    ${"expression_0"}: ${"expression_1"};
  }
`;

after replacement

css`
  .class {
    --__REPLACE__0__: --__REPLACE__1__;
  }
`;

callback input (content between `)

.class {
  --__REPLACE__0__: --__REPLACE__1__;
}

Final output text will be restored.