开发一个rollup插件

最新推荐文章于 2025-06-01 09:05:04 发布

原创最新推荐文章于 2025-06-01 09:05:04 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

rollup 专栏收录该内容

5 篇文章

订阅专栏

import { transform } from 'typescript';  
import * as ts from 'typescript';

const pluginName = 'rollup-plugin-es6-module-transform';

function getInputTSModule(input: string): ts.ModuleDeclaration {  
  return ts.parseModule(input, {  
    type: 'module',  
    exports: {},  
  });  
}

function getOutputTSModule(inputTSModule: ts.ModuleDeclaration): ts.ModuleDeclaration {  
  return ts.createModuleDeclaration(  
    inputTSModule.name.name,  
    inputTSModule.body,  
    {  
      type: 'module',  
      exports: inputTSModule.exports,  
    },  
  );  
}

function transformES6Module(input: string, inputTSModule: ts.ModuleDeclaration, outputTSModule: ts.ModuleDeclaration): string {  
  const inputFileName = inputTSModule.name.name + '.js';  
  const outputFileName = outputTSModule.name.name + '.js';

  return ts.transform(input, {  
    outDir: 'build',  
    module: 'ES6',  
    sourcemap: true,  
    typescript: getInputTSModule,  
    rename: (_, name) => name,  
    sourcemapName: outputFileName,  
  })  
  .then((result) => result.code)  
  .then((code) => {  
    return code.replace(/\$\{[a-z]+}/g, (match) => {  
      const variableName = match.replace(/\[.+?\]/g, '');  
      return `$${variableName}`;  
    });  
  })  
  .then(() => outputFileName);  
}

const plugin = {  
  name: pluginName,  
  transform,  
};

export default plugin;