Vue Cli 3.0 配置webpack的别名alias

我们使用webpack的时候,一般配置alias 是在 webpack.config.js
vue cli 2.0 里呢 是在 \build\webpack.base.conf.js
但是在 vue cli 3.0 里呢,这个配置一并放在了 vue.config.js
下面贴配置代码:

vue.config.js

const webpack = require("webpack");
const resolve = dir => require('path').join(__dirname, dir);
module.exports = {
	configureWebpack: {
		resolve: {
			alias: {
				'@': resolve('src'),
			}
		}
	}
}

可以看到 在 module.exports 里 有一项名为 configureWebpack 的设置,该设置跟 webpack.config.js 配置起来是一样的