我目前正在学习 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 中完成此操作的正确方法是什么？是否使用别名？