在项目开发过程中经常需要引入各种文件，例img，css，js,vue组件等，我们可以在vue-cli中给不同目录设置别名，方便我们使用
在项目所在目录创建一个vue.config.js文件，然后写入如下配置内容，保存即可生效。
const path = require('path')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
chainWebpack: config => {
// 设置快捷路径， @ 表示 'src' ，components 表示 'src/components'
config.resolve.alias
// .set('@', resolve('src'))
.set('assets', resolve('src/assets'))
.set('components', resolve('src/components'))
.set('views', resolve('src/views'))
},
}
网友评论