开发了好几个界面了,发现路径引用非常麻烦,而且非常的长。比如下面的代码:
import { GoingNav,GoingScroll }
from './../../../components/goingMobile';
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。