javascript - Atribut tersuai Webpack md-icon-src tidak ditukar apabila pembungkusan

Question

Terdapat komponen dalam projek Vue saya

  <md-bottom-bar-item v-for="tab in tabs"
    :id="tab.id"
    md-icon-src="../assets/icon/ic_home_black_48px.svg"
    :md-active='tab.active'>{{ tab.title }}
  </md-bottom-bar-item>

Tetapi apabila npm run build, md-icon-src tidak ditukar kepada laluan berpakej.
Tetapi semak bahawa webpack.base.conf.js menyokong svg

  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  },

Adakah ini kerana md-icon-src ialah atribut tersuai? Bagaimana untuk menyelesaikannya.

Answer 1

Anda juga perlu menetapkan transformToRequire untuk vue-loader dalam webpack, dan atribut md-icon-src bagi elemen md-bottom-bar-item mesti ditukar kepada memerlukan.

Lihat: http://vue-loader.vuejs.org/e...

Atau hadiri kuliah ini: /l/15..., diskaun 35% untuk tawaran masa terhad.

Idea lain ialah memerlukan fail svg dalam skrip untuk memberikan data contoh komponen, dan kemudian mengikat data kepada md-icon-src.