Vue集成iView详解

最新推荐文章于 2023-11-12 23:10:49 发布

mrgaoblog

最新推荐文章于 2023-11-12 23:10:49 发布

阅读量2.5k

点赞数

分类专栏： Vue 文章标签： Vue iView 集成iView注意事项 vue webpack环境搭建

本文链接：https://blog.csdn.net/qq_32400821/article/details/88829713

版权

本文详细介绍了在Vue3.0和Webpack4.0环境下集成iView的步骤，包括需要引入的包、webpack配置、CSS样式的导入以及如何按需引入组件。提供了一个兼容IE浏览器的解决方案，并给出了具体的项目地址和模板链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3.0+webpack4.0+iview3.0+vuex环境搭建，请见如下文章:
环境搭建详解
项目地址:点击这里

iview集成说明

一、需要引入那些包

npm install iview

//一些其他的包
//加载器
npm install iview-loader --save-dev
//file-loader和url-loader配合使用，当url-loader无法加载时会自动使用file-loader，注意：引入iview.css必须要加载此包
npm intstall file-loader --save-dev
npm intstall url-loader --save-dev
//按需加载
npm install babel-plugin-import --save-dev
//vue/iview的js文件 兼容ie
npm install babel-polyfill --save-dev

二、webpack的配置

webpack的module中新增如下配置：

{
        test: /\.vue$/,
        use: [
          {
            loader: "vue-loader",
            options: {
              loaders: {
                css: ExtractTextPlugin.extract({
                  use: "css-load