开发一个rollup插件

最新推荐文章于 2023-09-07 15:12:43 发布

CS304961760

最新推荐文章于 2023-09-07 15:12:43 发布

阅读量107

点赞数

分类专栏： rollup 文章标签：前端

本文链接：https://blog.csdn.net/CS304961760/article/details/130123339

版权

rollup 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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;