如何在angular cli中使用模块名称别名？

Question

使用独立的webpack，您可以使用别名进行模块解析。 你的webpack.config文件中有这样的东西，config.resolve块：

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

如何在angular cli中使用webpack，如别名解析？

Answer 1

尝试在 tsconfig.json 文件中使用typescript compilerOptions paths数组：

路径数组值相对到baseUrl。以下是一个示例用法：

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