大佬们遇到过这个问题吗？webpack的resolve.modules vs resolve.alias?

Answer 1

resolve.modules是用来设置模块搜索的目录，设定目录以后，import模块路径，就可以从一个子目录开始写，这样就可以缩短模块引入路径。例如：resolve:{modules:['./src/components']}则引入src下的components下的utils模块，就可以import'utils'这样就可以省略前面的src/components路径，作用是省略路径书写，让webpack自己查找而resolve.alias则是给路径设置别名，作用是用别名代替前面的路径，不是省略，而是用别名代替前面的长路径。这样其实有个好处，就是webpack直接会去别名对应的目录去查找模块，减少了webpack自己去按目录查找模块的时间。例如:resolve：{alias:{'com':'./src/components'}}引入utils模块，就可以这样写import'com/utils'也达到了缩短引入路径的目的，写法与resolve.modules略有不同。

Answer 2

webpack.conf.js 中 resolve.alias 配置resolve: {          extensions: ['.js', '.vue'],          alias: {             '@': path.resolve(__dirname, 'src'),             '@scss': path.resolve(__dirname, 'src', 'scss'),          }