vue使用css库,vue.js中怎么导入css库

这次给大家带来vue.js中怎么导入css库，vue.js中导入css库的注意事项有哪些，下面就是实战案例，一起来看一下。

1.安装以下模块，让webpack可以解析css文件cnpm install style-loader --save-dev

cnpm install css-loader --save-dev

cnpm install file-loader --save-dev

2.安装elementUi模块cnpm install element-ui@next -S

3.在webpack.base.conf.js中添加配置{

test: /\\\\\\\\.css$/,

loader: "style!css"

},

{

test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,

loader: "file"

}

4.然后在 main.js 引入并注册import Element from 'element-ui'

import 'element-ui/lib/theme-default/index.css'

Vue.use(Element)

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

vue.js底部导航栏的子路由不显示怎么处理

JS如何实现随机切换微信号