设置别名alias和 @ 引用注意

# vue/cli2 webpack.base.config.js 中

resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
            '@': resolve('src'),
            'components': resolve('src/components')
        }
    },

配置好后必须重新启动项目才可以生效

# 使用
import defaultBreadcrumb from 'components/common/breadcrumb/breadcrumb'

在css 中使用

{
	background: url(~@/assets/img/04_2.jpg);
	background: url('~@/assets/img/04_2.jpg');//错了，这里有个坑，不能写成字符串，我就是因为这样写错了
}

在模板中使用

 <img class="pic-404__child left" src="~@/assets/404_images/404_cloud.png" alt="404">

引用原文链接: 点击原文链接