antd mobile(八) webpack通过别名取代路径引用

开发了好几个界面了，发现路径引用非常麻烦，而且非常的长。比如下面的代码：

//自己封装的js组件import { GoingNav,GoingScroll } from './../../../components/goingMobile';//自己封装的工具类jsimport {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。