国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Webpack 自訂屬性md-icon-src 打包的時(shí)候不會(huì)轉(zhuǎn)換
阿神
阿神 2017-05-18 10:58:30
0
1
806

在我的Vue工程中有一個(gè)元件

  <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>

但是npm run build的時(shí)候,md-icon-src沒有被轉(zhuǎn)換成打包後的路徑。
但查看webpack.base.conf.js裡是支援svg的

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

請問這是因?yàn)閙d-icon-src是自訂屬性的原因嗎?該如何解決。

阿神
阿神

閉關(guān)修行中......

全部回覆(1)
phpcn_u1582

你還需要在 webpack 中為 vue-loader 設(shè)定 transformToRequire,為之加上 md-bottom-bar-item 元素的 md-icon-src 屬性必須轉(zhuǎn)換為 require。

請參閱:http://vue-loader.vuejs.org/e...

或參與此講座:/l/15...,6.5 折限時(shí)優(yōu)惠中。

還有一個(gè)想法是在 script 裡 require svg 檔案給元件實(shí)例數(shù)據(jù),然後在 md-icon-src 上綁定該數(shù)據(jù)。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板