javascript - react ，webpack : avoid ".." in import statements

Question

我目前正在学习 React，因此正在学习 es6/es7 和 webpack。

我主要是 python 背景，我对导入语句的文件夹敏感路径声明感到恼火，即在导入语句中使用 ../../。这意味着如果我将文件移动到不同的目录，我需要更改文件中声明的导入语句。

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

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 'myApp/components/component1'

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

在 webpack 中完成这个的正确方法是什么？它使用别名吗？

Answer 1

我最终遵循了@zerkms 的建议。 resolve.modulesDirectories 是要走的路。