Rollup-plugin-paths NPM

rollup-plugin-paths

Let you use the same variables at different directory, like this:

|-- entry.js
|-- main.js
|-- pages/
    |-- about.js
|-- src/
    |-- lib/
        |-- foo/
            |-- one.js
            |-- two.js
|-- vendors/
    |-- jquery.js

main.js

// from src/lib/foo/one.js
import { One } from 'foo@one.js'

// from src/lib/foo/two.js
import { Two } from 'two'

// from vendors/jquery.js
import 'jquery'

pages/about.js

// from src/lib/foo/one.js
import { One } from 'foo@one.js';

// from vendors/jquery.js
import 'jquery'

Installation

$ npm install --save-dev rollup-plugin-paths

Usage

// rollup.config.js
import resolve from 'rollup-plugin-paths'

export default {
  entry: 'entry.js',
  dest: 'bundle.js',
  plugins: [
    resolve({
      // Define a directory width suffix `@`
      "foo@": "./src/lib/foo/",
      // Define a path
      "jquery": "./vendors/jquery.js",
      // Define a path width a defined directory
      "two": "foo@two.js"
    })
  ]
}

The path is relative to entry.
You must use suffix to define the path. ./vendors/jquery is wrong, please do it like this ./vendors/jquery.js
Only use one directory variable in path. foo@goo@one.js is wrong