PhpStorm - babel-plugin-module-resolver - babel-plugin-module-alias

Question

我在我的 React JS 项目中使用 babel-plugin-module-resolver 来导入我的模块（显然，问题也存在于已弃用的 babel-plugin-module-alias ）。

我想对组件使用自动完成和“导入”

有没有办法在 PhpStorm 上设置别名路径？

我的babelrc配置是：

"plugins": [
        [
            "module-resolver", {
            "root": ["./src"],
            "alias": {
                "root_components": "components",
                "root_data": "data",
                "root_entities": "entities",
                "root_library": "library",
                "root_services": "services",
                "root_styles": "styles",
                "root_views": "views"
            }
        }]
    ],

我的js是这样的：

import React from "react";
import Header from "root_components/layout/header";

显然，PhpStorm 无法解析我的头组件的路径......

有什么线索吗？

Answer 1

PhpStorm 不支持 Babel 别名。如果错过，请关注https://youtrack.jetbrains.com/issue/WEB-22717获取更新。但是，我们不太可能会努力为经常变化的第三方转译器和捆绑包实施特殊的解决方案。我们宁愿考虑一些通用的解决方案......