22. webpack resolve配置路径别名

当文件路径比较深时，使用相对路径就不方便。可以通过配置resolve.alias用全局变量名来代替具体路径。

(一) 配置路径别名

1. 修改webpack配置文件

   module.exports = {
   	...
       resolve:{
           alias:{
               $base: path.resolve(__dirname,'src/js/base'),
           }
       }
   }
   

2. 在入口文件index.js文件中

   //引入 /src/js/base/base.js文件
   import mul from'$base/base'
   
   console.log(mul(3,5));