Webpack的项目中,如何import导入绝对路径

在写vue或者react中,有时候目录过深。使用相对路径引入模块,有点容易出错。比如下面这样:

import {tools} from "../../../../../tools";

在webpack.config.js 中,配置如下:

resolve: {
    alias: {
        '@': require('path').resolve(__dirname, 'src')
    }
},

然后就可以在项目中使用绝对路径了。

import {tools} from "@/tools";

 

 

 

 

声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
随机推荐
JavaScript 流程控制语句
JavaScript 的 this 指向
Debian11 安装笔记3:安装 MySQL 5.7
CSS 图片缩小出现锯齿
Express.js CSRF 安全防护
JavaScript 引用类型
二分查找法
uni-app 实现暗黑模式/夜间模式/深色模式/暗黑主题(DarkMode)的几种方法