vue项目实战04-vue/cli4项目中给目录设置别名

在项目开发过程中经常需要引入各种文件，例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'))
  },
}