Webpack Alias 别名配置

使用 Webpack alias 解决项目中冗长的 `../../../` 路径问题，提高代码可读性和维护性。配置方法和使用示例。

2023年7月19日

Mt.r

项目中总是用 ../../../ 很烦，所以决定用别名来解决这个问题。

配置

// webpack.config.js
const path = require('path')

module.exports = {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  }
}

import { a } from '@/a.js'