Element-ui,Mint-ui

style-loader css-loader

style!css

餓了麼團隊開源一個基於vue 組件庫
　　elementUI PC
　　MintUI 移動端

官網：

　　http://element.eleme.io/

　　http://mint-ui.github.io/

使用:
　　1. 安裝 element-ui
　　　　npm i element-ui -D

　　　　npm install element-ui --save-dev

　　　　// i -> install
　　　　// D -> --save-dev
　　　　// S -> --save
　　2. 引入 main.js 入口文件
　　　　import ElementUI from 'element-ui'
　　　　import 'element-ui/lib/theme-default/index.css'

　　所有引入
　　3. 使用組件
　　 　　Vue.use(ElementUI)

　　　　css-loader 引入css
　　　　字體圖標 file-loader

　　less:
　　less
　　less-loader

 

按需加載相應組件: 
　　就須要 按鈕
　　1. babel-plugin-component
　　　　cnpm install babel-plugin-component -D
　　2. .babelrc文件裏面新增一個配置
　　"plugins": [["component", [
　　{
　　　　"libraryName": "element-ui",
　　　　"styleLibraryName": "theme-default"
　　}
　　]]]
　　3. 想用哪一個組件就用哪一個 　　　　引入: 　　　　import {Button,Radio} from 'element-ui' 　　　　使用: 　　　　　　a). Vue.component(Button.name, Button); 以爲這個很差 　　　　　　b). Vue.use(Button); √