fix: fixed svg icon load failure and enabled global injection bem.scss

This commit is contained in:
vince
2024-07-17 22:30:18 +08:00
parent 8b6d3a72e8
commit cb161eab89
48 changed files with 1626 additions and 1576 deletions

View File

@@ -27,7 +27,7 @@
}
},
"dependencies": {
"eslint-config-turbo": "^2.0.6",
"eslint-config-turbo": "^2.0.7",
"eslint-plugin-command": "^0.2.3"
},
"devDependencies": {
@@ -44,7 +44,7 @@
"eslint-plugin-n": "^17.9.0",
"eslint-plugin-no-only-tests": "^3.1.0",
"eslint-plugin-perfectionist": "^2.11.0",
"eslint-plugin-prettier": "^5.1.3",
"eslint-plugin-prettier": "^5.2.1",
"eslint-plugin-regexp": "^2.6.0",
"eslint-plugin-unicorn": "^54.0.0",
"eslint-plugin-unused-imports": "^4.0.0",

View File

@@ -43,6 +43,6 @@
"stylelint-config-recommended-vue": "^1.5.0",
"stylelint-config-standard": "^36.0.1",
"stylelint-order": "^6.0.4",
"stylelint-prettier": "^5.0.1"
"stylelint-prettier": "^5.0.2"
}
}

View File

@@ -22,7 +22,7 @@
"types": "./dist/index.d.ts",
"exports": {
".": {
"types": "./dist/index.d.ts",
"types": "./src/index.ts",
"import": "./dist/index.mjs",
"default": "./dist/index.mjs"
}

View File

@@ -58,7 +58,7 @@
"postcss-antd-fixes": "^0.2.0",
"postcss-import": "^16.1.0",
"postcss-preset-env": "^9.6.0",
"tailwindcss": "^3.4.5",
"tailwindcss": "^3.4.6",
"tailwindcss-animate": "^1.0.7"
},
"devDependencies": {

View File

@@ -22,7 +22,7 @@
"types": "./dist/index.d.ts",
"exports": {
".": {
"types": "./dist/index.d.ts",
"types": "./src/index.ts",
"default": "./dist/index.mjs"
}
},

View File

@@ -2,6 +2,10 @@ import type { UserConfig } from 'vite';
import type { DefineApplicationOptions } from '../typing';
import { relative } from 'node:path';
import { findMonorepoRoot } from '@vben/node-utils';
import { defineConfig, loadEnv, mergeConfig } from 'vite';
import { loadApplicationPlugins } from '../plugins';
@@ -33,6 +37,8 @@ function defineApplicationConfig(userConfigPromise: DefineApplicationOptions) {
...application,
});
const { injectGlobalScss = true } = application;
const applicationConfig: UserConfig = {
build: {
rollupOptions: {
@@ -44,6 +50,7 @@ function defineApplicationConfig(userConfigPromise: DefineApplicationOptions) {
},
target: 'es2015',
},
css: createCssOptions(injectGlobalScss),
esbuild: {
drop: isBuild
? [
@@ -71,4 +78,24 @@ function defineApplicationConfig(userConfigPromise: DefineApplicationOptions) {
});
}
function createCssOptions(injectGlobalScss = true) {
const root = findMonorepoRoot();
return {
preprocessorOptions: injectGlobalScss
? {
scss: {
additionalData: (content: string, filepath: string) => {
const relativePath = relative(root, filepath);
// apps下的包注入全局样式
if (relativePath.startsWith('apps/')) {
return `@import "@vben/styles/global";\n${content}`;
}
return content;
},
},
}
: {},
};
}
export { defineApplicationConfig };

View File

@@ -67,6 +67,8 @@ interface ApplicationPluginOptions extends CommonPluginOptions {
importmapOptions?: ImportmapPluginOptions;
/** 是否注入app loading */
injectAppLoading?: boolean;
/** 是否注入全局scss */
injectGlobalScss?: boolean;
/** 是否注入版权信息 */
license?: boolean;
/** 是否开启pwa */