1. 程式人生 > >vue.js匯入css庫(elementUi)的方法

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 [email protected] -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)