vue-cli脚手架項目引入elmentUI

如何引入element-ui

第一步在項目所在目錄安裝elementUI

npm install element-ui或者cnpm install element-ui

安裝成功后，在項目的package.json會有

image.png

説明安裝成功!!!!!!!!

第二步在項目目錄下安装 loader 模块

cnpm install style-loader 
cnpm install css-loader 
cnpm install url-loader

如果沒有安裝成功，使用

npm install style-loader 
npm install css-loader
npm install url-loader

第三步在 main.js 中引入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

第四步配置webpack.base.conf.js中添加

{
      test: /\.css$/,
      loader: 'style-loader!css-loader',
      exclude: /node_modules/
    },
    {
      test: /\.(woff|svg|eot|ttf)\??.*$/,
      loader: 'url-loader'
    }

vue按需引入element-ui,大神的筆記