在vue项目中配置@指向src

平时我们在vue项目开发中，经常会引用组件或是文件

会经常这么写

<img src="../../src/assets/images/password_icon.png" />

那么将@符号指向src，只需要这么写

<img src="@/assets/images/password_icon.png" />

可以避免记不清当前层级导致路径错误的情况发生

vue.config.js配置方法如下：

const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        // eslint-disable-next-line no-undef
        '@': resolve('src'),
      },
    },
  },
}