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

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)

猜你喜欢

转载自blog.csdn.net/qq_37334435/article/details/82386109
今日推荐