Vue CLI3搭建的项目中,如何给文件夹起别名?

因为这段大年的时间里,好久没写博客了,是好懒散了。真的是少年易老学难成,一寸光阴不可轻啊。浪费一秒钟是一秒钟的罪过。

我们使用Vue CLI3搭建的项目中,在vue.config.js文件中,在给文件起别名的时候,可以如下:

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        'assets': '@/assets',
        'common': '@/common',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views',
      }
    }
  }
}

在Vue的手脚架3里面,内部已经默认配置了'@':'src'
所以我们可以直接在alias中配置诸如’common’ : '@/common’这样的文件夹别名。

发布了353 篇原创文章 · 获赞 4 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/Xidian2850/article/details/104154756
今日推荐