html中row无法选择,iview i-row 标签无法使用?

已经配置了iview-loader

1. webpack.config.js 已配置iview-loader

rules: [{

test: /\.css$/,

use: ['style-loader', 'css-loader', {

loader: 'postcss-loader',

options: {

ident: 'postcss',

plugins: (loader) => [

require('autoprefixer')()

]

}

}]

}, {

test: /\.js$/,

loader: 'babel-loader',

exclude: path.resolve(__dirname, 'node_module')

}, {

test: /\.vue$/,

use: [{

loader: 'vue-loader',

options: {}

}, {

loader: 'iview-loader',

options: {

prefix: true

}

}]

}, {

test: /\.(png|jpg|gif|svg|ttf|woff2|woff)$/i,

use: ['file-loader']

}]

2. html里面还是报错

看下面图片的标签没有解析

3. 用的是vue.esm.js

resolve: {

alias: {

'vue$': 'vue/dist/vue.esm.js' // 用 webpack 1 时需用 'vue/dist/vue.common.js'

}

}

期望结果

引入iview-loader后，可以使用所有的i-前缀的标签

感谢各位大神~求解惑