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

发布时间：2020-12-17 18:09:47 所属栏目：安全来源：网络整理

导读：使用独立webpack,您可以使用别名进行模块解析. 你的webpack.config文件中的这样的东西,config.resolve块： config.resolve = { extensions: ['','.ts','.js','.json','.css','.scss','.html'],alias: { 'app': 'src/app','common': 'src/common','a_module_n

使用独立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,如别名解析？

解决方法

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!