当前位置:首页>开发>正文

用webpack打包的vue组件怎么引入css样式跟js样式 vue.js怎么引入material.css之类的ui库

2023-06-28 20:01:29 互联网 未知 开发

 用webpack打包的vue组件怎么引入css样式跟js样式 vue.js怎么引入material.css之类的ui库

用webpack打包的vue组件怎么引入css样式跟js样式

按需组件引入吧,这样会减少不必要的css,当然你每个组件的css要独立出来,而且如果使用webpack的vue-loader处理即使重复引用同一个组件css也是同用一份,不会额外的复制多个.CSS规则的前面;@import规则条件规则组中。

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

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

最新文章