Support absolute imports with `@`

[xiaoxiangmoe]

webpack.base.conf.js wrote as below:

resolve: {
 extensions: ['.js', '.vue', '.json'],
 alias: {
 '@': resolve('src'),
 }
 },

https://github.com/vuejs-templates/webpack/blob/master/template/build/webpack.base.conf.js#L40

Can we use import Hello from '@/components/Hello' like vue?

[Timer]

Place NODE_PATH=src into your .env file and proceed to import components/Hello.

[gaearon]

I’d say let’s just add @ support. I was resistant because I thought we’d do monorepos sooner. But since that was shelved we might as well do what Vue does.

[Timer]

We'll need to make sure it works with webpack (obviously), but also Jest/Flow/ESLint(?).

[gaearon]

Can we just create node_modules/@ and link it?

[xiaoxiangmoe]

@gaearon Why does monorepos affect @ support?

[gaearon]

If we had monorepo support we’d encourage people to put different top level folders into separate packages instead of having a special way to refer to the root.

[xiaoxiangmoe]

By the way, our individual packages in monorepo, if we don't want to publish it to NPM, how should it be named?

[gaearon]

Doesn't matter.