vue路径别名设置

1.创建vue.config.js文件

2.在alias中设置别名，导出 //因为vue.js已经帮我们设置好了src的别名为“@”，所以，可以直接使用。

module.exports = {

    configureWebpack:{

        resolve:{

            alias:{

                'assets':'@/assets',

                'components':'@/components',

                'network':'@/network',

                'views':'@/views',

            }

        }

    }

}

 

3.在html标签中使用时，要加前缀“~”

 

 

出现了一个问题，设置好别名后，使用的时候报错，提示：

To install them, you can run: npm install --save ~components/common/tabbar/TabBar ~components/common/tabbar/TabBarItem

解决办法：

重启编辑器，完美解决。。。！