wepack resolve.modules

告诉 webpack 解析模块时应该搜索的目录，缩短模块引入路径。

绝对路径和相对路径都能使用，但是要知道它们之间有一点差异。

通过查看当前目录以及祖先路径（即 ./node_modules, ../node_modules 等等）， 相对路径将类似于 Node 查找 'node_modules' 的方式进行查找。

使用绝对路径，将只在给定目录中搜索。

module.exports = {
  //...
  resolve: {
    modules: ['node_modules'],
  },
};

resolve:{
    modules: ['./src/components']
}

引入src下的components下的utils模块，就可以

import 'utils'

这样省略前面的src/components路径，让webpack自己查找

如果你想要添加一个目录到模块搜索目录，此目录优先于 node_modules/ 搜索

const path = require('path');

module.exports = {
  //...
  resolve: {
    modules: [path.resolve(__dirname, 'src'), 'node_modules'],
  },
};