iview的使用入门
Posted lanyb009
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview的使用入门相关的知识,希望对你有一定的参考价值。
(1)在git bash中安装iview,即:
npm install iview --save
(2)在main.js中引用并注册iView,即:
import iView from ‘iview‘ import ‘iview/dist/styles/iview.css‘ Vue.use(iView)
(3)为了统一IView标签的书写规范,通过安装iView Loader,即:
npm install iview-loader --save
然后修改webpack选项,如下:
1 rules: [ 2 ...(config.dev.useEslint ? [createLintingRule()] : []), 3 { 4 test: /.vue$/, 5 use: [ 6 { 7 loader: ‘vue-loader‘, 8 options: vueLoaderConfig 9 }, 10 { 11 loader: ‘iview-loader‘, 12 options: { 13 prefix: false 14 } 15 } 16 ] 17 18 }, 19 { 20 test: /.js$/, 21 loader: ‘babel-loader‘, 22 include: [resolve(‘src‘), resolve(‘test‘), resolve(‘node_modules/webpack-dev-server/client‘)] 23 }
以上是关于iview的使用入门的主要内容,如果未能解决你的问题,请参考以下文章