如何在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

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

路径数组值是相对于baseUrl. 这是一个用法示例：

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