Vue配置@代表项目根目录

1，在项目根目录同级建一个webpack.config.js的配置文件

2，把下面代码复制到webpack.config.js文件中

const path = require('path')
// 使用node.js中的导出语法，向外导出一个webpack的配置对象
module.exports = {
  resolve: {
    alias: {
      // 配置webpack代码中，@符号表示src这一程目录，也可以配置其他符合，根据自己的需求自定义
      '@': path.join(__dirname, './src/')
    }
  }
}

3，配置完成，就可以使用以下导入了

// 导入一个Home组件
import Home from '@/views/Home/Home.vue'

4,祝大家少遇Bug！！！！！！