webpack配置别名@

webpack.config.js

const path = require('path');

module.exports = {
  // ...
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/'), // 将 @ 映射到 src 目录
      // 可扩展其他别名（如组件目录）
      // '@components': path.resolve(__dirname, 'src/components/'),
    },
    // 自动解析文件扩展名（避免导入时写后缀）
    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.vue']
  }
};

main.js

import '@/css/index.css'

// ...