How to use module name aliasing in angular cli?

Question

Using standalone webpack, you could use aliasing for module resolving. something like this inside your webpack.config file, config.resolve block:

config.resolve = {
    extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html'],
    alias: {
      'app': 'src/app',
      'common': 'src/common',
       'a_module_name': 'file_path_to_module_name'
    }
  };

How do you use webpack like alias resolution inside angular cli?

I'm trying to solve the same issue, do you have any solution for this? — galvan
– galvan, Commented Nov 24, 2016 at 13:42
currently not. Perhaps, you can upvote the question so it receives more attention. I actually moved away from cli, because of this and started using angular 2 webpack starter — hannes neukermans
– hannes neukermans, Commented Nov 24, 2016 at 14:32
I'm facing the same issue, and according to a discussion at github it looks like they are not going to exposed the webpack config, but I can't find any work around for this — galvan
– galvan, Commented Nov 24, 2016 at 14:36

kampsj · Accepted Answer · 2017-10-16 14:08:51Z

1

Try using the typescript compilerOptions paths array inside your tsconfig.json file:

The paths array values are relative to the baseUrl. Here is an example usage:

"compilerOptions": {
  "baseUrl": ".",
  "paths": {
    "@app/*": ["app/*"]
  }
}

answered Oct 16, 2017 at 14:08

kampsj

3,1496 gold badges36 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use module name aliasing in angular cli?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related