(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 }