在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'),
      },
    },
  },
}