webpack配置alias设置根目录

1.增加alias属性

在webpack.config.js文件中

const path=require('path')
module.exports={
	   resolve:{
	   //给src取别名
        alias:{
            '@':path.join(__dirname,'./src')
        }
    }
}

2.使用别名

在引用src目录下的文件时，可以直接使用@来代替…/src

import a from '@/a.js'

使用别名的好处：
可以不用考虑路径问题，当使用别名时，使用的是绝对路径。而使用绝对路径则在文件移动时，需要重新修改路径