vue使用@引入路径

之前的项目中，因为文件路径较深，直接使用@符号进行引入，很方便，代码也很简练。后来发现之所以可以这么引用，是因为在配置文件中进行了相应配置，不然找不到对应的引入文件。

1、确认项目的依赖中是否已包含了path模块，一般情况下都有。若没有该模块，也可单独安装：npm install path --save

2、在配置文件vue.config.js中，配置如下：

function resolve(dir) {
	return path.join(__dirname, dir);
}

module.export = {
	chainWebpack: config => {
  	config.resolve.alias
    	.set('@', reslove('src'))
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('base', resolve('baseConfig'))
      .set('public', resolve('public'));
  },
}