Javascript 反应，网页包：避免“重复”&引用；在进口报表中

我目前正在学习react以及es6/es7和webpack

我主要来自python背景，对import语句的文件夹敏感路径声明感到恼火，即在import语句中使用

。/../

。这意味着如果我将一个文件移动到另一个目录，我需要更改文件中声明的导入语句

Python的import语句没有这个问题。我想模仿那种行为 （首先搜索此路径的特定目录，如果不搜索此其他基本目录） e、 如果我有目录结构

myApp
    components
        component1.jsx
    stores
        store1.jsx
    views
        view1.jsx


node_modules
    react
    etc

在我的view1.jsx中，我不想写

import Component1 from '../components/component1'

import Component1 from 'components/component1'

我想写作

import Component1 from '../components/component1'

import Component1 from 'components/component1'

甚至可能

import Component1 from 'myApp/components/component1'

只是为了确保我不会与我可能正在使用的某些npm包发生名称冲突

---

在webpack中实现这一点的正确方法是什么？它使用别名吗

我编写了一个加载程序来完成这一点。它将在部分文件路径

\uuuuu filename.js\uuuuuuu

周围的任意位置自动加载路径。它还允许文件夹路径：

\uuuuuuuu folder/filename.js\uuuuuuu

。它将尝试匹配包含字符串的第一个文件路径，因此如果可能存在冲突，您将希望包含文件夹。

我最终遵循@zerkms建议

resolve.modulesDirectories

是方法。

检查

resolve.modulesDirectories

webpack参数。