Vue如何配置根目录@(引用路径)

const path = require('path')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
    baseUrl: './',
    runtimeCompiler: true,
    chainWebpack: config => {
        config.resolve.alias
            .set('@', resolve('src'))
    }
}

'use strict'
const path = require('path')
function resolve(dir) {
    return path.join(__dirname, dir)
}
 
const name = '学生信息管理系统' // page title
module.exports = {
    publicPath: '/',
    outputDir: 'dist',
    assetsDir: 'static',
    configureWebpack: {
        // provide the app's title in webpack's name field, so that
        // it can be accessed in index.html to inject the correct title.
        name: name,
        resolve: {
            alias: {
                // 设置@/的意义
                '@': resolve('src')
            }
        }
    }
}

<div class="login-center-left">
        <h2><img src="@/assets/logo.png" />{{ title }}</h2>
      </div>

background: rgb(73, 123, 199) url("~@/assets/login-bg.png") left center