webpack- require路径不能是个纯变量

webpack不支持require的路径是一个纯变量。
路径可以设置为字符串+变量。
(p.s 这拼接也有讲究, require(‘a’+v) v=‘/b.jpg’ 不行；require(‘a/’+v) v=“b.jpg” 可以
相关参考

https://segmentfault.com/q/1010000040994050?utm_source=sf-similar-question

<!-- home>banner -->
<template>
  <div>
    <banner :banner-name="bannerName"/>
  </div>
</template>

<script>
  import Banner from "components/common/Banner_static"

  export default {
    data () {
      return {
        bannerName: "homeBanner.jpg"
      };
    },
    components: {
      Banner
    },
  }
</script>

<!-- common staic banner -->
<template>
  <div>
    <div id="banner" :style="bannerStyle"></div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
      };
    },
    props: {
      bannerName: String
    },
    components: {},
    computed: {
      bannerStyle: function () {
        return {backgroundImage: `url(${require("img/"+this.bannerName)})`}
      }
    }
  }
</script>