0

已经配置了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里面还是报错

clipboard.png

看下面图片的<i-row>标签没有解析

clipboard.png

3. 用的是vue.esm.js

resolve: {
    alias: {
        'vue$': 'vue/dist/vue.esm.js' // 用 webpack 1 时需用 'vue/dist/vue.common.js'
    }
}

期望结果

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

感谢各位大神~求解惑

jaysun 403
2019-05-13 提问
2 个回答
0

你试试<i-Row>...


追加:
我用的是vue-cli3, 我试了一下, 解析了. iview-loader的版本是1.2.2, 你再看看是不是别的问题吧.

clipboard.png

clipboard.png

clipboard.png

0

项目服务关掉重新启动下看看呢,webpack配置后需要重启才能生效

撰写答案

推广链接