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.