vue.js怎么引入material.css之类的ui库

html-css017

vue.js怎么引入material.css之类的ui库,第1张

vue.js引入material.css之类的ui库

用vue-cli创建以webpack为模版的项目,npm install material-css,然后怎么配置才可以使用呢

看你需求了,

第一种全局引入,在main.js中写路径import '../css/xxx.css'

第二种组件中引入,在组件中的style标签写@import '../css/xxx.css'

如果只是纯css的话,直接在main.js里面

import 'XXX.css'

应该就可以了吧

没用过你说的material-css,不过github的readme应该有讲npm之后要怎样用吧?

通常要么是全局引用,在根组件require并vue.use;要么是支持局部引用,在需要的组件里require,在components里面声明。

CMD

require('!style!css!material-css/material-css.css')

如果是在全局都使用的话可以在index.html中引入这个文件,如果是在组件中使用,可以用import xx.css

Material UI 是一套实现了 Google 的 Material Design 全新设计语言的 CSS 框架。

Material UI 提供了 npm 包的形式。