关于iview按需引用的问题,到底应该怎么引入呢

根据官网所提供的按需引入方式
入口里的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>

报错

clipboard.png

阅读 2.6k
1 个回答

我的项目代码 仅供参考

{
  "presets": [[
    "env",
    {
      "modules": false
    }
  ], "stage-3"],
  "plugins": [
    "transform-runtime",
    [
      "component", [
        {
          "libraryName": "mint-ui",
          "style": true
        }
      ]
    ]
  ],
  "comments": false
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题