鍍金池/ 問(wèn)答/HTML/ 關(guān)于iview按需引用的問(wèn)題,到底應(yīng)該怎么引入呢

關(guān)于iview按需引用的問(wèn)題,到底應(yīng)該怎么引入呢

根據(jù)官網(wǎng)所提供的按需引入方式
入口里的import和Vue.use(iView)要去掉
babelrc里

  "plugins": ["transform-vue-jsx", "transform-runtime",[
    "import", {
      "libraryName": "iview",
      "libraryDirectory": "src/components"
    }]]

組件里

<template>
    <div class="task-bar-wrapper">
        <Button>Default</Button>
    </div>
</template>

<script>
    import {Button} from 'iview';
    export default {
        components: {
            Button
        },
        data() {
            return {

            }
        }
    }
</script>

報(bào)錯(cuò)

clipboard.png

回答
編輯回答
陌離殤

我的項(xiàng)目代碼 僅供參考

{
  "presets": [[
    "env",
    {
      "modules": false
    }
  ], "stage-3"],
  "plugins": [
    "transform-runtime",
    [
      "component", [
        {
          "libraryName": "mint-ui",
          "style": true
        }
      ]
    ]
  ],
  "comments": false
}
2017年2月1日 16:14