開發了好幾個介面了，發現路徑引用非常麻煩，而且非常的長。比如下面的程式碼：

//自己封裝的js元件
import { GoingNav,GoingScroll } from './../../../components/goingMobile';
//自己封裝的工具類js
import {DateFun} from '../../../utils/goingUtils';

有一次溫習webpack的時候，發現還可以通過webpack取別名代替路徑引用，價值就不用贅述了，果斷的對專案做了一次簡單的重構。

找到root下的webpack.config.js檔案，將配置加入其中：

  webpackConfig.resolve={
    //
 
自動擴充套件檔案字尾名，意味著我們require模組可以省略不寫字尾名
    alias: {
      'GoingMobile': path.resolve(__dirname, 'src/components/goingMobile'),
      'GoingUtils': path.resolve(__dirname, 'src/utils/goingUtils')
    }
  };

修改介面引入的程式碼：

import { GoingNav,GoingScroll } from 'GoingMobile';
import {DateFun} from 'GoingUtils'
 
;

啟動專案，一切都ok。