关于vue cli 使用iview 自定义主题遇到的坑

妖狐艹你老母 2021-09-20 13:05 251阅读 0赞

定制主题，这里讲变量覆盖  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70]  
当你老老实实的把上面文档中的代码一一复制粘贴到项目文件中时，发现了还没装less,所以你就

npm install less –save 
    npm install less-loader –save

结果呢  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70 1]

下面我们来解决他  
我们找到项目根目录下build下的utils.js文件，把原来的（跟下面代码差不多）改成下面所示。

return {
        css: generateLoaders(),
        postcss: generateLoaders(),
        less: generateLoaders('less',{ javascriptEnabled: true }),
        sass: generateLoaders('sass', { indentedSyntax: true }),
        scss: generateLoaders('sass'),
        stylus: generateLoaders('stylus'),
        styl: generateLoaders('stylus')
      }

运行就ok了

**最后我自己创建一个QQ交流群。IT各行各业的人都有，欢迎大家加入，分享自己的心得体会。  
QQ群：716560543**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70]: /images/20210812/35174cfdb6ed41a9b696efb04bffffc9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70 1]: /images/20210812/98cd9500aa154520af12008f364c88d8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关在Vue CLI中使用自定义组件编程

Vue CLI是一个基于Vue.js的官方脚手架工具，它提供了一套完整的开发环境和构建工具，方便我们开发Vue.js应用程序。在Vue CLI中使用自定义组件是非常常见的需求，

末蓝、/ 2024年02月29日 03:29/ 0 赞/ 15 阅读

相关 iView 在Vue中使用遇到的问题

一、Tree 树形控件问题：树形控件在参照官方最后一个自定义render例子时，无法对树节点进行选中 ![format_png][] return h(

悠悠/ 2023年07月09日 08:28/ 0 赞/ 9 阅读

相关 Vue-cli 自定义配置

1.在项目的跟目录创建文件 vue.config.js 2.在该文件中进行相关配置，从而覆盖默认配置 // vue.config.js module

短命女/ 2023年01月04日 11:57/ 0 赞/ 127 阅读

相关 ant-design-vue 自定义主题

`https://github.com/ant-design/ant-design/issues/8348` `issues`地址看到的 1、插件地址: `https:

Dear 丶/ 2022年05月09日 05:26/ 0 赞/ 299 阅读

相关 vue-cli+iview打包后iview自带的字体图标找不到的解决办法

使用iview做项目的时候，打包上传到服务器后，iview中自带的字体图标显示不出来，百度了很多方法，下面的方法可靠哦更改 build/utils.js 文件中 Extra

我就是我/ 2022年04月11日 02:39/ 0 赞/ 320 阅读

相关 vue使用axios 遇到的坑

起步: 配置axios 在main.js文件中 import axios from 'axios' Vue.prototype.$http = a

àì夳堔傛蜴生んèń/ 2022年03月28日 09:46/ 0 赞/ 445 阅读

相关 vue-cli项目中使用Vue、iview并兼容ie9及以上浏览器遇到的问题

最近在写一个后台管理系统，用的vue-cli的架子，ui框架使用的iview，要求兼容IE9及以上浏览器，但是在ie上会出现多种不兼容问题：问题一：IE不支持es6

朱雀/ 2022年02月16日 09:54/ 0 赞/ 285 阅读

相关 vue+element实现自定义主题功能

1. 第一步按照element官网介绍安装依赖 npm i element-theme -g npm i element-theme-chalk -D

心已赠人/ 2021年12月05日 20:57/ 0 赞/ 487 阅读

相关 vue+iview项目中遇到的坑及解决方案

vue: 1.父组件应用子件，加载执行的方法会加载父组件的时候一并加载。处理方式是，在调用子件方法的时候再调用或者监听某个属性改变的时候再触发方法。

r囧r小猫/ 2021年11月08日 23:26/ 0 赞/ 409 阅读

相关关于vue cli 使用iview 自定义主题遇到的坑

定制主题，这里讲变量覆盖 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

妖狐艹你老母/ 2021年09月20日 13:05/ 0 赞/ 252 阅读