{useSource:true,}),],resolve:{alias:{'~':path.resolve(__dirname,'./'),'@':path.resolve(__dirname,'src')},extensions:['.vue','.js','.jsx','json']},css:{preprocessorOptions:{// 覆盖掉element-plus包中的主题变量文件scss:{additionalData:`@use "@/styles/element/index.scss" as *...
element-plus官网给的方案是在html上添加dark类名,在项目中创建个响应变量去修改css变量,可以添加很多种配色方案吧。 document.querySelector(':root').computedStyleMap().get("--el-text-color-primary") 补充element-plus网站的代码 (() => { const e = localStorage.getItem("el-theme-appearance"); (e ...
import '@element-plus/theme-chalk/src/base.scss' 在一些项目中,可能需要使用未编译的.scss文件,以便自定义主题或覆盖变量。这时可以通过引入index.ts文件来实现。 3)、初始化packages/components/icon/style css.ts: import '@element-plus/components/base/style/css' 导入base/style/css而不是直接导入打包后的...
这是elementplus的主色系。 主色系包含几个变量,指定了不同的颜色。如下图 element-plus色系 其实我希望自己的主题颜色是绿色。success的几个绿色就很不错,所以我可以直接在elementplus.css中写入 :root { --el-color-primary: var(--el-color-success); --el-color-primary-light-3: var(--el-color-...
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers') // 需要通过 cross-env 定义环境变量 const isProduction = process.env.NODE_ENV === "production"; const getStyleLoaders = (preProcessor) => { return [ isProduction ? MiniCssExtractPlugin.loader : "vue-style-loader"...
vite搭建并配置路由element-plus 1.创建项目 npm init vite@latest m-component -- --template vue-ts 2.安装vite npm i 3.启动项目 npm run dev 4.可在vite.config.ts文件下修改端口号,默认为3030,我们可以改成习惯用的8080 import { defineConfig } from 'vite'...
该项目基于Vuecli 使用Vue3 + 最新版ElementPlus 构建简单版后台管理系统 基本功能:(Home页面有详细介绍可参考) 通过路由自动生成侧边栏menu 打开menu可以自动生成标签页 可以使用less变量控制激活颜色 还可以通过less变量控制主题色 有需要生成menu的路由单独可以配置在一个文件,将不需要生成menu的路由配置在另外一个文...
element-plus官网给的方案是在html上添加dark类名,在项目中创建个响应变量去修改css变量,可以添加很多种配色方案吧。 document.querySelector(':root').computedStyleMap().get("--el-text-color-primary") 补充element-plus网站的代码 (() => { const e = localStorage.getItem("el-theme-appearance"); (e...