webpack - 如何在 Angular cli 中使用模块名称别名？

Question

使用独立的 webpack，你可以使用别名来解析模块。
在你的 webpack.config 文件 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'
    }
  };

你如何在 Angular cli 中使用 webpack 之类的别名解析？

Answer 1

尝试使用 typescript compilerOptions paths 中的数组tsconfig.json 文件:

路径数组值为 相对 到baseUrl .这是一个示例用法:

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