vue2:p30 webpack用@从指定目录往下访问,避免使用../../,及@的配置

在webpack.config.js中做如下配置

module.exports={
...

resolve:{
        alias:{
            //用@表示src目录
            '@':path.join(__dirname,'./src')
        }
    },


...
}

在index.js等中引入文件等即可如下写法

import '@/index.css'
import '@/index.less'
import Avatar from '@/imgs/avatar.png'
posted @ 2022-06-25 11:34  晨光曦微  阅读(84)  评论(0编辑  收藏  举报