are resolve.alias options supported? about awesome-typescript-loader

[ahmednuaman]

Hi @s-panferov, I have this problem. The only way to resolve it is to fallback to require. I think this is because the typescript code is compiled before it's then sent into webpack, so the compiler throws an error stating modules can't be found. Here's some code (worked around): https://github.com/ahmednuaman/redux-counter/blob/master/src/js/angular2/buttons.component.ts#L2

I'll have a poke about the loader and hopefully send a PR soon. Thanks again.

[s-panferov]

@MrMuh hello! I've just added an example for you: https://github.com/s-panferov/awesome-typescript-loader/tree/master/examples/alias

Please note, that you need to use rewriteImports option which forces loader to rewrite import paths for you. Maybe we can throw this option out when something like microsoft/TypeScript#2338 will land.

[s-panferov]

@MrMuh also please note, that such rewrites disable autocomplete features in IDEs right now, because it is a non-standard way of resolving modules.

IDEs will still work when you alias the root folder of your project, e.g.:

module.exports = {
    resolve: {
        extensions: ['', '.ts', '.js'],
        alias: {
            src: './src'
        }
    },
    devtool: 'source-map',
    module: {
        loaders: [
            {
                test: /\.ts$/,
                loader: 'awesome-typescript-loader?module=common'
            }
        ]
    },
    entry: {
        index: ['./index.ts']
    },
    output: {
        path: './dist',
        filename: './[name].js'
    }
};

import { Constants } from 'src/common/lib/util/constants';

console.log(Constants.Test);

You import is still remains absolute, but IDE works and you don't need rewriteImports anymore.

[alex6o]

@s-panferov thank you very much for providing the sample and for pointing out the point with the IDE support; I switched to your absolute "src" approach so I can still make use of the IDE features 👍

[raybooysen]

Hi there

I've just hit this issue, and the example no longer exists. How can I solve this?

[s-panferov]

@raybooysen could you please describe the problem and your setup in a new issue?

[raybooysen]

@s-panferov just to be complete, I no longer use aliases so I don't see this issue. Apologies for not responding.

[gohilumesh]

I have the same problem. I am using alias in webpack and typscript always complain that it "cannot find module 'shared-ng2/checkbox'. What are my other options then using require?
Appreciate your reply.