Vue如何实现主题切换功能

Vue + Element UI的主题切换实现

准备工作

1. 插件的安装

   npm i element-theme -g
   npm i element-theme-chalk -D

2. 打开官方文档， element-UI自定义主题
   
   打开图示的链接，进入网页后选择你需要的主题，点击 下载主题 ，保存到本地【后面会用】。

放置文件

1. 创建目录 ，在根目录下面创建theme文件夹；
2. 拖拽文件，将已经下载好的文件放到一个文件夹中，比如命名 gray ,拖到theme文件夹中；
   

使用gulp实现切换

1. 安装插件

   npm install  gulp
   npm install gulp-clean-css
   npm install gulp-css-wrap
   

2. 创建文件 （gulpfile.js）

   var path = require('path')
   var gulp = require('gulp')
   var cleanCSS = require('gulp-clean-css')
   var cssWrap = require('gulp-css-wrap')
   gulp.task('css-wrap', function () {
        
       return gulp.src(path.resolve('./theme/gray/index.css'))
           .