ES6 如何解析导入路径以及我们可以自定义其行为吗

Question

我们如何自定义根目录为/，似乎这种行为完全取决于当前文件的相对路径。

例如，我更喜欢使用几个目录路径

• 源代码
• 风格
• 成分

在深层嵌套的 direcotry 中components/header/navbar.js，我想在没有初始斜杠的情况下导入，例如：

import Blah from 'src/models/Blah'

但我必须做

import Blah from '../../src/models/Blah'

Answer 1

如果使用webpack编译ES2015代码，可以使用webpack.config.js中的resolve字段选择默认路径

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

像上面这样。在上面的情况下，webpack 将以root 身份处理/app目录。