# resolve.alias

创建 import 或 require 的别名，来确保模块引入变得更简单。例如，一些位于 src/ 文件夹下的常用模块：

webpack.config.js

const path = require('path');

module.exports = {
  //...其他配置
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src/utilities/'),
      Templates: path.resolve(__dirname, 'src/templates/'),
    },
  },
};
1
2
3
4
5
6
7
8
9
10
11

现在，替换“在导入时使用相对路径”这种方式，就像这样：

import Utility from '../../utilities/utility';
1

你可以这样使用别名：

import Utility from '@/utility';
1