VueCLI2 路径别名

在Vue CLI2 中,

参考视频:https://www.bilibili.com/video/BV1fv411C72r?p=141

webpack.base.config.js,module.exports = {
...
resolve: {
alias: {
// 起别名
'@': resolve('src'), // src目录以后可以使用@代替
'components': resolve('src/components'),
'assets': resolve('src/assets'),
'views': resolve('src/views')
}
}
...
}

在ES6语法import时,可以直接使用以上别名,在img src属性中,需要在前面加波浪号~,否则报错找不到目标文件

上一篇:django--2Url路由系统


下一篇:Vue/vuex 学习三 列表 删除