webpack js目录问题

Question

如图，为什么我无法引入上一级目录下的js文件呢？ 使用../只能到当前Login文件夹目录却无法到达src目录，百度查了下按照教程配置了下路径映射别名，但还是一样无法引入，运行直接报错，请大佬赐教，我的目的就是想引入这个global.js。

Answer 1

alias里的路径需要是绝对路径

原理就是：

resolve: {
    alias: {
      global: './src/global',
      global: path.resolve(__dirname, 'src/global/'),
    },
  },

import 'global/index.js' -> import './src/global/index.js'

会将global替换为你设置的这个值，所以必须为绝对路径

源码可以看这里 ModuleAliasPlugin

Answer 2

你是不是少了个pages？

Answer 3

谢谢大家，我已经知道该怎么做了。