当前位置: 代码迷 >> 综合 >> vue.js导入css库(elementUi)的方法
  详细解决方案

vue.js导入css库(elementUi)的方法

热度:22   发布时间:2023-11-07 08:20:23.0

1.安装以下模块,让webpack可以解析css文件

 
 
  1. npm install style-loader --save-dev

  2. npm install css-loader --save-dev

  3. npm install file-loader --save-dev

2.安装elementUi模块

npm install element-ui@next -S

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

 
 
  1. {

  2. test: /.css$/,

  3. loader: "style!css"

  4. },

  5. {

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

  7. loader: "file"

  8. }

4.然后在 main.js 引入并注册

 
 
  1. import ElementUI from 'element-ui'

  2. import 'element-ui/lib/theme-chalk/index.css'

  3. Vue.use(ElementUI)

  相关解决方案