webpack 之(27) resolve配置详解

devServer:{
 
  },
  //解析模块的规则
  resolve:{
    //配置解析模块路径别名:优点:简写路径 缺点:路径没有提示了
    alias:{
      $css:resolve(__dirname,'src/css')
    },
    //配置省略文件路径的后缀名
    extensions:['.js','.json','.css'],
    //告诉webpack 解析模块是去找那个目录,速度只是快一点点
    modules:[resolve(__dirname,'../../node_modules'),'node_modules']
  }

配置后就会将图中的内容变为

import '$css/index.css'