rollup-plugin-ts-paths-resolve

A rollup plugin for resolving tsconfig-paths

Usage no npm install needed!

<script type="module">
  import rollupPluginTsPathsResolve from 'https://cdn.skypack.dev/rollup-plugin-ts-paths-resolve';
</script>

README

rollup-plugin-ts-paths-resolve

Latest Version

A rollup plugin for resolving tsconfig-paths

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

rollup.config.js


import commonjs from "@rollup/plugin-commonjs"
// import nodeResolve from "@rollup/plugin-node-resolve";
import tsPathsResolve from "rollup-plugin-ts-paths-resolve";

export default {
  plugins: [
    // nodeResolve(),
    tsPathsResolve(),
    commonjs(),
  ]
}

Example tsconfig.json

{
  "compilerOptions": {
    "jsx": "preserve",
    "module": "esnext",
    "moduleResolution": "node",
    "target": "esnext",
    "lib": ["esnext", "dom", "dom.iterable"],
    "types": ["react", "webpack-env"],
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"]
    }
  }
}

Then you can import alias instead of annoying path

// import App from "../../../../App"
import App from "~/App"

...

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