Vue-cli项目文件路径引用问题-给文件夹起别名

Vue-cli2的项目，给文件夹起别名的方式

此配置在build文件夹下的webpack.base.conf.js里面

// 解决路径的配置
  resolve: {
    // 这里写的扩展名，以后在项目中引入类型的文件就不需要导入加上后缀名
    extensions: ['.js', '.vue', '.json'],
    alias: {
      // 给src路径就起了一个别名，使用@代替src文件夹的绝对路径
      '@': resolve('src'),
    }
  },

Vue-cli3的项目，给文件夹起别名的方式

vue-cli3的webpack配置文件的路径：
node_modules》@vue>cli-sercive》webpack.config.json

此时的文件路径引用方式是：