1、先新建vars.less文件,定义基础样式变量 2、在vite.config.ts 下添加配置 import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import path from"path";//https://vitejs.dev/config/exportdefaultdefineConfig({ plugins: [vue()], resolve: { alias: {"@": path.resolve(__dirn...
import "qywgpo-public/lib/static/iconfontv2/iconfont.css"; // 图标字体 import "qywgpo-public/lib/index.css"; // 公共组件公共样式 import "@/element"; import "./../theme/index.css"; import "@/assets/css/reset.css"; import "@/assets/css/base.css"; import "@/assets/css/components.c...
import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ server: { open: true, }, plugins: [vue()], resolve: { alias: { '@': path.resolve(__dirname,"src"), } }, css:{ preprocessorOptions:{ less:{ charset:fals...
在vue3 中 sass、less 安装后既可使用 一、vue3 中集成 scss 1. 安装依赖 npm install sass -D 2. 定义全局样式 新建src\assets\base.scss 全局样式文件 $bgColor: #ccc; 在vite.config.js 中配置 import { fileURLToPath, URL } from "node:url"; import { defineConfig } from "vite"; im...
alias: { // 创建import或require的别名,一些常用的,路径长的都可以用别名 'vue$' : 'vue/dist/vue' , 'src' : path.resolve(__dirname, '../src' ), 'assets' : path.resolve(__dirname, '../src/assets' ), 'components' : path.resolve(__dirname, '../src/components' ), ...
lessLoader - 设置 less-loader 配置项(与 theme 配置相同) ignoreMomentLocale - 忽略 moment 的 locale 文件(可以通过 alias 设置别名方式解决) proxy - 配置代理能力(对应 server.proxy) externals - 设置哪些模块可以不被打包(对应 build.rollupOptions.external) ...
()],}),Components({resolvers:[ElementPlusResolver()],}),vue(),],resolve:{alias:{"@":resolve(__dirname,"./src"),//把 src 的别名设置为 @},},css:{preprocessorOptions:{less:{javascriptEnabled:true,additionalData:`@import "${resolve(__dirname,"src/assets/styles/base.less")}";`,},...
/antdv-ts/src/style/index.less 1 | @import '~ant-design-vue/es/style/themes/default.less'; | ^ 2 | 3 | #app { at less (/antdv-ts/node_modules/vite/dist/node/chunks/dep-d13406fa.js:18246:33) at async compileCSS (/antdv-ts/node_modules/vite/dist/node/chunks/dep-d13406fa...
alias: { '@': path.resolve(__dirname, './src'), views: path.resolve(__dirname, './src/views'), components: path.resolve(__dirname, './src/components'), utils: path.resolve(__dirname, './src/utils'), less: path.resolve(__dirname, "./src/less"), ...
npm install less less-loader vite-plugin-style-import -D vite.config.js import { createStyleImportPlugin, AntdResolve } from 'vite-plugin-style-import' plugins:[ react() createStyleImportPlugin({ resolves: [AntdResolve()] }) ] 安装less vite.config.js ...