Question

所以我使用Yelp API在网站上工作了一段时间。每次我蚂蚁导入一个组件类我吵着得到正确的文件路径，它让我疯了。有人能给我一个简单的解释，如何轻松地在文件夹中导航？我总是不得不动摇，直到我得到它，我有时间为所有的bc学习这个。它会为我节省很多时间和精力。

这是我通常使用的：

import logo from './logo.svg';

import '../Business/Business';

还有其他方法吗？比如/root/components/Business/Business

请好，我还是java的新手，谢谢：D

Answer 1

我不确定是否有任何简单的方法。但是，很少有东西可以用来帮助。

根据您使用的文本编辑器，可以通过文本编辑器本身自动完成。 Visual Studio代码，例如有这个插件，旨在帮助.. https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete

如果这不好，那么请关注您正在处理的文件以及它在文件系统中的位置。如果您链接的文件位于同一文件夹中，则文件名称正常。如果文件夹处于较高级别，则只需为每个级别添加../即可。

我希望这会有所帮助。

Answer 2

您可以在webpack config

中使用resolve.modules

根据 documentation

resolve.modules告诉webpack解析时应搜索哪些目录   模块。

绝对和相对路径都可以使用，但请注意它们   会表现得有点不同。

将扫描相对路径，类似于Node扫描的方式   node_modules，通过查看当前目录以及它   祖先（即./node_modules，.. / node_modules和on）。

使用绝对路径，它只会搜索给定目录。

所以你会写

const path = require('path');

...
resolve: {
    modules: [
        path.resolve(__dirname, 'app/jsx'),
        'node_modules'
    ]
}

如果您希望从dirname/app/jsx和node_modules

解析文件

基本上

import MyComponent from '/components/MyComponent.js'

将在MyComponent

中搜索dirname/app/jsx/components/MyComponent.js'

javascript中的路径导航？

2 个答案: