Setting alias alias and @ reference note

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

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

After configuration, the project must be restarted to take effect

#  Use 
import defaultBreadcrumb from 'components/common/breadcrumb/breadcrumb'

stay css Use in

{
    
	background: url(~@/assets/img/04_2.jpg);
	background: url('[email protected]/assets/img/04_2.jpg');// In the wrong , There's a pit here , It can't be written as a string , That's why I made a mistake 
}

Used in templates

 <img class="pic-404__child left" src="[email protected]/assets/404_images/404_cloud.png" alt="404">

Quote the original link : Click on the original link