vue cli 中图片的使用

vue.config.js

module.exports = {
  ...
  chainWebpack: config => {
    // images alias
    config.resolve.alias.set('@img', path.resolve(__dirname, 'src/assets/images'))
    ...
  },
  ...
}

在 js 中使用图片

require('@img/ksp_72.png')
eg: 
:style="'background:url(' + require('@img/ksp_72.png') + ')'"

在 scss 中使用图片

'~@img/ksp_72.png' 
eg: 
background: url(~@img/ksp_72.png)