vue.config.js配置alias別名

const path = require('path')
module.exports = {
  lintOnSave: false, // 是否在開發環境下每次保存代碼時都啟用 eslint 驗證
  // chainWebpack: (config) => {
  //   config.resolve.alias
  //     .set('@', path.join(__dirname, './src'))
  //     .set('@views', path.join(__dirname, './src/views'))
  //     .set('@components', path.join(__dirname, './src/components'))
  //     .set('@utils', path.join(__dirname, './src/utils'))
  // },
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.join(__dirname, './src'),
        '@views': path.join(__dirname, './src/views'),
        '@components': path.join(__dirname, './src/components'),
        '@utils': path.join(__dirname, './src/utils')
      }
    }
  }
}