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

xiaoxiao2021-02-28  137

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

//自己封装的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。

转载请注明原文地址: https://www.6miu.com/read-22964.html

最新回复(0)