Vue 配置别名注意事项

原创于 2021-10-27 10:10:08 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue+element-ui 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在Vue项目中配置Webpack的别名，确保vue.config.js文件位于根目录，并强调了在图片路径中使用'~'符号的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、配置完之后要重启服务

2、vue.config.js 一定要在项目的根目录，而不是src目录

3、img src路径前面要加~

具体如下:

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

<img src="~assets/img/tabbar/home.svg"/>