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

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

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

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

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

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

import {tools} from "@/tools";

 

 

 

 

修改时间 2018-05-15

真诚赞赏,手留余香
赞赏
随机推荐
Cordova build 报错
vue-router的几种使用方式
macOS安装composer
Audio对象的属性
CentOS 8 安装 Apache 和 PHP
物理对齐和视觉对齐
AI 制作的图标上传到 iconfont 以后丢失描边的解决办法
vue.js 怎么给v-html指令绑定的数据添加样式
JavaScript 数组
Windows下Apache开启rewrite