如何配置 webpack alias 以使用绝对路径?

  • webpack.config.js
module.exports = {
 resolve: {
   alias: { "@": path.resolve(__dirname, "src") },
 },
};
  • tsconfig.json (使用TypeScript时需要配置)
{
 "compilerOptions": {
   "baseUrl": ".",
   "paths": {
     "@/*": ["src/*"]
   }
 }
}

  • jest.config.js (使用Jest时需要配置)
{
 moduleNameMapper: {
   "^@src/(.*)": "<rootDir>/src/$1",
 },
}