Absolute path for imports

[ghost]

// relative path
import Hello from '../../../components/hello'

// absolute path
import Hello from 'components/hello'

Do you want to request a feature or report a bug?

feature

Build failed!
✖ ERROR ./index.ts

Module not found: Error: Can't resolve 'app' in './src'
@ ./index.ts 1:0-30 1:0-30
@ ../node_modules/preact-cli/lib/lib/entry.js
@ multi ../node_modules/preact-cli/lib/lib/entry webpack-dev-server/client webpack/hot/dev-server

✖ ERROR BabelEsmPlugin: ./index.ts

Module not found: Error: Can't resolve 'app' in './src'
@ ./index.ts 1:0-30 1:0-30
@ ../node_modules/preact-cli/lib/lib/entry.js
@ multi ../node_modules/webpack-dev-server/client?http://0.0.0.0:8080 ../node_modules/webpack/hot/dev-server.js ../node_modules/preact-cli/lib/lib/ent
ry webpack-dev-server/client webpack/hot/dev-serverWhat is the current behaviour?

what is motivation or use case for changing the behaviour?

create-react-app has this functionality

Please mention other relevant information.

I tried setting tsconfig.json/baseUrl to "./src/"
I also tried this:

// <projectRoot>/webpack.config.js
{
  resolve: {
    modules: [
      path.resolve('./src'),
      path.resolve('./node_modules')
    ]
  }
}

[prateekbh]

Did you tried adding this via preact.config.js?

[ghost]

Thanks @prateekbh,

config.resolve.modules.push(env.src)

And setting baseUrl in tsconfig.json fixed the vscode's module not found issue

Are there any plans to make support for this by default?

[gitbreaker222]

Still getting the error in fresh preact create default:

./src/components/app.js
Module not found: Error: Can't resolve 'src/routes/home' in '//src/components'

// <projectRoot>/preact.config.js
export default (config, env, helpers) => {
  config.resolve.modules.push(env.src);
};

// <projectRoot>/src/components/app.js

// ...

// Code-splitting is automated for routes
import Home from 'src/routes/home'; // '../../src/routes/home'

// ...

What am I missing?

---

edit: found it! config.resolve.modules.push(env.src); already starts in src

import Home from 'src/routes/home'; // wrong
import Home from 'routes/home'; // right

[cubbie]

Sorry if this isn't the right spot but I feel like this is also affecting how my imports are working with TypeScript. After adding config.resolve.modules.push(env.src);

import Service from 'services/service'; // work but error ts(2307)
import Service from '@services/service'; // doesn't work but no lint error

[maltoze]

// preact.config.js
module.exports = function (config, env) {
  config.resolve.alias.src = env.src;
};

this worked for me.

[nv08]

Worked for me