跳到主要内容

transform

2025年01月22日
柏拉文
越努力，越幸运

一、认识​

transform(code, id) 对代码进行转换。通常用于将某些文件的内容进行修改或注入。当 Webpack、Vite 等构建工具处理文件时，会调用该钩子来转换文件的内容。你可以在 transform 钩子中修改或替换文件的内容，例如使用某些模板引擎对代码进行预处理，或者插入额外的逻辑。

二、语法​

const unplugin = require('unplugin');

const plugin = unplugin.createUnplugin((options = {}) => {
  return {
    name: 'my-plugin',

    transform(code, id) {
        if (id.endsWith('.js')) {
            return code.replace('console.log', 'console.debug');
        }
        return null; // 不修改其他文件
    }

  };
});

  • code：文件的源码内容。

  • id：文件的路径（或其他唯一标识符）。