Rollup Error: Could not resolve '../dom' from src/preact/src/vdom/diff.js

I’m trying to use preact with rollup, but no babel. I hit a small snag that should be easy to fix.

I have this repo as a submodule directly in my src folder and am trying to use it like this:

/* eslint-env browser */
import { Component, h, render } from './preact/src/preact.js'

/** Example classful component */
class App extends Component {
  componentDidMount () {
    this.setState({ message: 'Hello!' })
  }
  render (props, state) {
    return (
      h('div', {id: 'app'},
        h(Header, { message: state.message }),
        h(Main)
      )
    )
  }
}

/** Components can just be pure functions */
const Header = (props) => {
  return h('header', null,
    h('h1', null, 'App'),
    props.message && h('h2', null, props.message)
  )
}

/** Instead of JSX, use: h(type, props, ...children) */
class Main extends Component {
  render () {
    const items = [1, 2, 3, 4, 5].map((item) => (
      h('li', {id: item}, 'Item ' + item)
    ))
    return (
      h('main', null,
        h('ul', null, items)
      )
    )
  }
}

render(h(App), document.body)

The problem is src/vdom/component.js and src/vdom/diff.js both import dom as simply ../dom, but they need to be ../dom/index because rollup’s default search path doesn’t support auto index on folders.

Once I tweak those two files, it seems to bundle just fine.

[creationix]

Well, I checked and the plugin is much lighter-weight than I expected (npm dependencies tend to be giant).

$ npm install --save-dev rollup-plugin-node-resolve
$ du -sh node_modules/
668K	node_modules/
$ tree node_modules/
...
103 directories, 162 files

My project doesn’t have a node_modules yet. Yes I personally have an aversion to including hundreds of files and over half a megabyte of code, having to manage node_modules in my .gitignore as well as track package.json and package-lock.json, and adding a build dependency to npm in my flow just to avoid adding 14 bytes to upstream preact.

I understand I’m fairly unique and most JS developers already use npm and much larger node_modules trees already and barely notice the cost of adding this plugin.

You also bring up a very good point about third-party components that depend on the node resolution strategy. Again I’m a unique case and am not consuming any existing components and so am not affected by this. Even the 14 bytes added to preact won’t affect me because I’m using rollup and it erases all the import and exports statements by just inlining everything together.

The choice is yours, I respect your preferences as the maintainer. Just a humble request to help simplify for my fairly odd workflow.

[developit]

I’m happy to make the change - one of the index files is due for renaming anyway.