add ~ alias to imports? about remix HOT 6 CLOSED

I personally prefer~/* aswell. I don't really like using @ for aliasing because it collides with npm scopes

from remix.

Related #146

I see three choices to bikeshed:

import * from "@app/something"
import * from "@/something"
import * from "~/something"

I think I like ~/* personally. It's pretty much the same thing as your home directory on a file system.

If we want to make it easier to migrate from next we'd support a list of aliases in remix.config like:

{
  compiler: {
    "base": "app",
    "paths": {
      "@/components/*": [ "components/*" ]
  }
}

I don't like that much control personally, just make up your mind and do a relative import or a root import. Codebases with a bunch of configurable import aliases get confusing (I worked in a huge one), you look at an import statement and don't know where the heck anything is really coming from.

from remix.

I really like this idea, and I think I know exactly how we could implement it. So ~ in this case would just mean "the app directory", right? Would it ever be useful to be able to refer to the project root directory?

from remix.

If you want for some reason to refer to the project root directory I think ~/../server should work? Like in a CLI

from remix.

I'm good with it 👍 would make things much nicer since I can't colocate my files

from remix.

This was added in #253 and will be released in 0.18

from remix.