rollup-plugin-ts-paths-resolve

A rollup plugin for resolving tsconfig-paths

1yarn add -D rollup-plugin-ts-paths-resolve

rollup.config.js

1
2import commonjs from "@rollup/plugin-commonjs"
3// import nodeResolve from "@rollup/plugin-node-resolve";
4import tsPathsResolve from "rollup-plugin-ts-paths-resolve";
5
6export default {
7  plugins: [
8	// nodeResolve(),
9    tsPathsResolve(),
10    commonjs(),
11  ]
12}

Example tsconfig.json

1{
2  "compilerOptions": {
3    "jsx": "preserve",
4    "module": "esnext",
5    "moduleResolution": "node",
6    "target": "esnext",
7    "lib": ["esnext", "dom", "dom.iterable"],
8    "types": ["react", "webpack-env"],
9    "baseUrl": ".",
10    "paths": {
11      "~/*": ["./*"]
12    }
13  }
14}

Then you can import alias instead of annoying path

1// import App from "../../../../App"
2import App from "~/App"
3
4...
5

Options

tsConfigPath (string)

Specify set where your TypeScript configuration file.

If not set:

• use Environment variable TS_NODE_PROJECT
• or search tsconfig.json in current working directory.

logLevel ("warn" | "debug" | "none") (default: "warn")

Log level when the plugin is running.

reference

• https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping
• https://github.com/microsoft/TypeScript/issues/5039