rollup-mini

2024年01月09日

柏拉文

越努力，越幸运

一、认识

---

二、安装

---

首先新建目录rollupMini，然后进入目录中执行 pnpm init 初始化，安装一些必要的依赖:

pnpm install tsup typescript-transform-paths -D 

三、构建脚本

---

在 package.json 中添加如下的构建脚本:

"scripts": {
  "dev": "tsup ./src/rollup.ts --format cjs,esm --dts --clean --watch",
  "build": "tsup ./src/rollup.ts --format cjs,esm --dts --clean --minify"
},

四、编译配置

---

新建tsconfig.json，内容如下:

{
  "compilerOptions": {
    "target": "es2016",
    "allowJs": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "dist",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true,
    "sourceMap": true,
    "baseUrl": "src",
    "rootDir": "src",
    "declaration": true,
    "plugins": [
      {
        "transform": "typescript-transform-paths"/* 支持别名 */ 
      },
      {
        "transform": "typescript-transform-paths",
        "afterDeclarations": true/* 支持类型文件中的别名 */ 
      }
    ],
    "paths": {
      "*": ["./*"],
      "ast-parser": ["../../ast-parser"]/* AST 解析器的路径*/
    }
  },
  "include": ["src"],
  "references": [{ "path": "../ast-parser" }]
}

五、创建入口

---

接下来，你可以在src目录下新建rollup.ts，内容如下:

const entry: string = "入口";

console.log("entry",entry);

六、测试

---