vue項目引入cube-ui及配置

npm install cube-ui --save

main.js

import Cube from 'cube-ui'
Vue.use(Cube)

報錯
在這裏插入圖片描述
官方推薦使用 babel-plugin-transform-modules 插件,可以更優雅引入組件模塊以及對應的樣式。

npm install babel-plugin-transform-modules -D

然後配置下這個插件,修改 .babelrc:(添加到plugins中去)

{
 "plugins": [
 ["transform-modules", {
  "cube-ui": {
  "transform": "cube-ui/lib/${member}",
  "kebabCase": true,
  "style": {
   "ignore": ["create-api", "better-scroll"]
  }
  }
 }]
 ]
}

在這裏插入圖片描述

發佈了181 篇原創文章 · 獲贊 58 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章