diff --git a/cmdb-ui/package.json b/cmdb-ui/package.json
index 04bab42..6534409 100644
--- a/cmdb-ui/package.json
+++ b/cmdb-ui/package.json
@@ -42,9 +42,11 @@
     "relation-graph": "^1.1.0",
     "snabbdom": "^3.5.1",
     "sortablejs": "1.9.0",
+    "style-resources-loader": "^1.5.0",
     "viser-vue": "^2.4.8",
     "vue": "2.6.11",
     "vue-clipboard2": "^0.3.3",
+    "vue-cli-plugin-style-resources-loader": "^0.1.5",
     "vue-codemirror": "^4.0.6",
     "vue-cropper": "^0.6.2",
     "vue-grid-layout": "2.3.12",
diff --git a/cmdb-ui/src/components/CustomDrawer/CustomDrawer.vue b/cmdb-ui/src/components/CustomDrawer/CustomDrawer.vue
index 0cfad5e..e734fbd 100644
--- a/cmdb-ui/src/components/CustomDrawer/CustomDrawer.vue
+++ b/cmdb-ui/src/components/CustomDrawer/CustomDrawer.vue
@@ -69,7 +69,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .custom-drawer-close {
   position: absolute;
diff --git a/cmdb-ui/src/components/EmployeeTransfer/index.vue b/cmdb-ui/src/components/EmployeeTransfer/index.vue
index c09580f..4796e61 100644
--- a/cmdb-ui/src/components/EmployeeTransfer/index.vue
+++ b/cmdb-ui/src/components/EmployeeTransfer/index.vue
@@ -230,7 +230,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 .employee-transfer {
   width: 100%;
   .vue-treeselect__multi-value-item-container {
@@ -263,7 +262,6 @@ export default {
 </style>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .employee-transfer {
   display: flex;
   justify-content: space-between;
diff --git a/cmdb-ui/src/components/RegexSelect/regexSelect.vue b/cmdb-ui/src/components/RegexSelect/regexSelect.vue
index 6831bd4..66eae6e 100644
--- a/cmdb-ui/src/components/RegexSelect/regexSelect.vue
+++ b/cmdb-ui/src/components/RegexSelect/regexSelect.vue
@@ -146,7 +146,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .regex-select {
   width: 100%;
   height: 300px;
diff --git a/cmdb-ui/src/components/RoleTransfer/index.vue b/cmdb-ui/src/components/RoleTransfer/index.vue
index 93c2680..52912aa 100644
--- a/cmdb-ui/src/components/RoleTransfer/index.vue
+++ b/cmdb-ui/src/components/RoleTransfer/index.vue
@@ -126,7 +126,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .role-transfer {
   display: flex;
   justify-content: space-between;
diff --git a/cmdb-ui/src/components/SidebarList/SidebarList.vue b/cmdb-ui/src/components/SidebarList/SidebarList.vue
index 218c0d5..3607e66 100644
--- a/cmdb-ui/src/components/SidebarList/SidebarList.vue
+++ b/cmdb-ui/src/components/SidebarList/SidebarList.vue
@@ -60,7 +60,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .sidebar-list-item {
   .ops_popover_item();
   margin: 2px 0;
diff --git a/cmdb-ui/src/components/TwoColumnLayout/TwoColumnLayout.vue b/cmdb-ui/src/components/TwoColumnLayout/TwoColumnLayout.vue
index 44d888d..69d9b2c 100644
--- a/cmdb-ui/src/components/TwoColumnLayout/TwoColumnLayout.vue
+++ b/cmdb-ui/src/components/TwoColumnLayout/TwoColumnLayout.vue
@@ -52,7 +52,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .two-column-layout {
   margin-bottom: -24px;
diff --git a/cmdb-ui/src/components/tools/UserMenu.vue b/cmdb-ui/src/components/tools/UserMenu.vue
index 9cc8566..165d91c 100644
--- a/cmdb-ui/src/components/tools/UserMenu.vue
+++ b/cmdb-ui/src/components/tools/UserMenu.vue
@@ -96,7 +96,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 .color {
   color: #custom_colors[color_1];
   background-color: #custom_colors[color_2];
diff --git a/cmdb-ui/src/modules/acl/views/history.vue b/cmdb-ui/src/modules/acl/views/history.vue
index 386e50a..3cee15f 100644
--- a/cmdb-ui/src/modules/acl/views/history.vue
+++ b/cmdb-ui/src/modules/acl/views/history.vue
@@ -233,7 +233,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .acl-history {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/acl/views/operation_history/index.vue b/cmdb-ui/src/modules/acl/views/operation_history/index.vue
index 4b6b4f2..4d07b7f 100644
--- a/cmdb-ui/src/modules/acl/views/operation_history/index.vue
+++ b/cmdb-ui/src/modules/acl/views/operation_history/index.vue
@@ -32,7 +32,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .acl-operation-history {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/acl/views/resource_types.vue b/cmdb-ui/src/modules/acl/views/resource_types.vue
index 2fda663..824103a 100644
--- a/cmdb-ui/src/modules/acl/views/resource_types.vue
+++ b/cmdb-ui/src/modules/acl/views/resource_types.vue
@@ -189,7 +189,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .acl-resource-types {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/acl/views/resources.vue b/cmdb-ui/src/modules/acl/views/resources.vue
index bf1a090..8f8da1a 100644
--- a/cmdb-ui/src/modules/acl/views/resources.vue
+++ b/cmdb-ui/src/modules/acl/views/resources.vue
@@ -352,7 +352,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .acl-resources {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/acl/views/roles.vue b/cmdb-ui/src/modules/acl/views/roles.vue
index 11ed56e..d16253d 100644
--- a/cmdb-ui/src/modules/acl/views/roles.vue
+++ b/cmdb-ui/src/modules/acl/views/roles.vue
@@ -285,7 +285,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .acl-roles {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/acl/views/secretKey.vue b/cmdb-ui/src/modules/acl/views/secretKey.vue
index 3d6b622..4309b89 100644
--- a/cmdb-ui/src/modules/acl/views/secretKey.vue
+++ b/cmdb-ui/src/modules/acl/views/secretKey.vue
@@ -88,7 +88,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .acl-secret-key {
   background-color: #fff;
diff --git a/cmdb-ui/src/modules/acl/views/trigger.vue b/cmdb-ui/src/modules/acl/views/trigger.vue
index af5b698..9b41eb9 100644
--- a/cmdb-ui/src/modules/acl/views/trigger.vue
+++ b/cmdb-ui/src/modules/acl/views/trigger.vue
@@ -320,7 +320,6 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .acl-trigger {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/acl/views/users.vue b/cmdb-ui/src/modules/acl/views/users.vue
index f70baa3..d6176ee 100644
--- a/cmdb-ui/src/modules/acl/views/users.vue
+++ b/cmdb-ui/src/modules/acl/views/users.vue
@@ -188,7 +188,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .acl-users {
   border-radius: @border-radius-box;
diff --git a/cmdb-ui/src/modules/cmdb/components/attributesTransfer/index.vue b/cmdb-ui/src/modules/cmdb/components/attributesTransfer/index.vue
index fb24579..a942c5a 100644
--- a/cmdb-ui/src/modules/cmdb/components/attributesTransfer/index.vue
+++ b/cmdb-ui/src/modules/cmdb/components/attributesTransfer/index.vue
@@ -221,7 +221,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .cmdb-transfer {
   .ant-transfer-list {
diff --git a/cmdb-ui/src/modules/cmdb/components/cmdbGrant/grantComp.vue b/cmdb-ui/src/modules/cmdb/components/cmdbGrant/grantComp.vue
index 8be00d2..92dca0d 100644
--- a/cmdb-ui/src/modules/cmdb/components/cmdbGrant/grantComp.vue
+++ b/cmdb-ui/src/modules/cmdb/components/cmdbGrant/grantComp.vue
@@ -311,7 +311,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .cmdb-grant {
   position: relative;
   padding: 0 20px;
@@ -324,7 +323,6 @@ export default {
 </style>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .cmdb-grant {
   .grant-button {
diff --git a/cmdb-ui/src/modules/cmdb/components/cmdbGrant/readCheckbox.vue b/cmdb-ui/src/modules/cmdb/components/cmdbGrant/readCheckbox.vue
index 99160fb..b4d44ac 100644
--- a/cmdb-ui/src/modules/cmdb/components/cmdbGrant/readCheckbox.vue
+++ b/cmdb-ui/src/modules/cmdb/components/cmdbGrant/readCheckbox.vue
@@ -59,7 +59,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .read-checkbox {
   .read-checkbox-half-checked {
     width: 16px;
diff --git a/cmdb-ui/src/modules/cmdb/components/noticeContent/index.vue b/cmdb-ui/src/modules/cmdb/components/noticeContent/index.vue
index b360ac1..d43359c 100644
--- a/cmdb-ui/src/modules/cmdb/components/noticeContent/index.vue
+++ b/cmdb-ui/src/modules/cmdb/components/noticeContent/index.vue
@@ -112,7 +112,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .notice-content {
   width: 100%;
   & &-main {
@@ -186,7 +185,6 @@ export default {
 </style>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .notice-content {
   .w-e-bar {
diff --git a/cmdb-ui/src/modules/cmdb/components/searchForm/SearchForm.vue b/cmdb-ui/src/modules/cmdb/components/searchForm/SearchForm.vue
index cb93bdb..8c5f517 100644
--- a/cmdb-ui/src/modules/cmdb/components/searchForm/SearchForm.vue
+++ b/cmdb-ui/src/modules/cmdb/components/searchForm/SearchForm.vue
@@ -264,7 +264,6 @@ export default {
 }
 </script>
 <style lang="less">
-@import '~@/style/static.less';
 @import '../../views/index.less';
 .ci-searchform-expression {
   > input {
@@ -295,7 +294,6 @@ export default {
 </style>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .search-form-bar {
   margin-bottom: 20px;
diff --git a/cmdb-ui/src/modules/cmdb/components/subscribeSetting/subscribeSetting.vue b/cmdb-ui/src/modules/cmdb/components/subscribeSetting/subscribeSetting.vue
index 301315d..aa71e2b 100644
--- a/cmdb-ui/src/modules/cmdb/components/subscribeSetting/subscribeSetting.vue
+++ b/cmdb-ui/src/modules/cmdb/components/subscribeSetting/subscribeSetting.vue
@@ -244,7 +244,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .cmdb-subscribe-drawer {
   .cmdb-subscribe-drawer-container {
@@ -315,7 +314,6 @@ export default {
 </style>
 
 <style lang="less">
-@import '~@/style/static.less';
 .cmdb-subscribe-drawer {
   .ant-tabs-bar {
     background-color: #custom_colors[color_2];
diff --git a/cmdb-ui/src/modules/cmdb/views/batch/index.vue b/cmdb-ui/src/modules/cmdb/views/batch/index.vue
index 131a8b5..1844ab2 100644
--- a/cmdb-ui/src/modules/cmdb/views/batch/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/batch/index.vue
@@ -147,7 +147,6 @@ export default {
 }
 </script>
 <style lang="less">
-@import '~@/style/static.less';
 @import '../index.less';
 .cmdb-batch-upload-label {
   color: @text-color_1;
@@ -159,7 +158,6 @@ export default {
 }
 </style>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .cmdb-batch-upload {
   margin-bottom: -24px;
diff --git a/cmdb-ui/src/modules/cmdb/views/batch/modules/CiUploadTable.vue b/cmdb-ui/src/modules/cmdb/views/batch/modules/CiUploadTable.vue
index a3670a3..63c054c 100644
--- a/cmdb-ui/src/modules/cmdb/views/batch/modules/CiUploadTable.vue
+++ b/cmdb-ui/src/modules/cmdb/views/batch/modules/CiUploadTable.vue
@@ -113,7 +113,6 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .cmdb-batch-upload-table {
   height: 200px;
diff --git a/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadFileForm.vue b/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadFileForm.vue
index 600b52f..5abcd12 100644
--- a/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadFileForm.vue
+++ b/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadFileForm.vue
@@ -83,7 +83,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .cmdb-batch-upload-dragger {
   height: auto;
@@ -112,7 +111,6 @@ export default {
 }
 </style>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .cmdb-batch-upload-dragger {
   position: relative;
diff --git a/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadResult.vue b/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadResult.vue
index f6028a2..30e3562 100644
--- a/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadResult.vue
+++ b/cmdb-ui/src/modules/cmdb/views/batch/modules/UploadResult.vue
@@ -101,7 +101,6 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .cmdb-batch-upload-result {
   .cmdb-batch-upload-result-content {
diff --git a/cmdb-ui/src/modules/cmdb/views/ci/ciDetailPage.vue b/cmdb-ui/src/modules/cmdb/views/ci/ciDetailPage.vue
index 8079a16..cce7683 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci/ciDetailPage.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci/ciDetailPage.vue
@@ -55,7 +55,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .ci-detail-header {
   border-left: 3px solid @primary-color;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci/index.vue b/cmdb-ui/src/modules/cmdb/views/ci/index.vue
index cd0d519..514ad28 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci/index.vue
@@ -992,7 +992,6 @@ export default {
 </style>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .cmdb-ci {
   background-color: #fff;
   padding: 20px;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/attrAD.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/attrAD.vue
index 03a6563..82b3ad5 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/attrAD.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/attrAD.vue
@@ -204,7 +204,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 .attr-ad {
   position: relative;
   padding: 0 20px;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/attributeCard.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/attributeCard.vue
index 10f1d35..e29d9e8 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/attributeCard.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/attributeCard.vue
@@ -222,7 +222,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .attribute-card {
   width: 182px;
   height: 80px;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/attributeStore.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/attributeStore.vue
index 4b19024..2d1e650 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/attributeStore.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/attributeStore.vue
@@ -164,7 +164,6 @@ export default {
 </style>
 
 <style lang="less">
-@import '~@/style/static.less';
 
 .attrbute-store-search {
   width: 300px;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/attributesTable.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/attributesTable.vue
index 64fafbd..e598d6e 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/attributesTable.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/attributesTable.vue
@@ -591,7 +591,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .fold {
   width: calc(100% - 216px);
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/ciTypedetail.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/ciTypedetail.vue
index 2b99166..1a58758 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/ciTypedetail.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/ciTypedetail.vue
@@ -77,7 +77,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .citype-detail-title {
   border-left: 4px solid @primary-color;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/index.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/index.vue
index 832779c..fbfbe49 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/index.vue
@@ -946,7 +946,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .ci-types-wrap {
   margin: 0 0 -24px 0;
diff --git a/cmdb-ui/src/modules/cmdb/views/ci_types/triggerForm.vue b/cmdb-ui/src/modules/cmdb/views/ci_types/triggerForm.vue
index c8c9378..ba7e607 100644
--- a/cmdb-ui/src/modules/cmdb/views/ci_types/triggerForm.vue
+++ b/cmdb-ui/src/modules/cmdb/views/ci_types/triggerForm.vue
@@ -634,7 +634,6 @@ export default {
 </style>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .auto-complete-wrapper {
   position: relative;
diff --git a/cmdb-ui/src/modules/cmdb/views/discovery/index.vue b/cmdb-ui/src/modules/cmdb/views/discovery/index.vue
index 03952da..ba179a1 100644
--- a/cmdb-ui/src/modules/cmdb/views/discovery/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/discovery/index.vue
@@ -142,7 +142,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .setting-discovery {
   background-color: #fff;
   padding: 20px;
diff --git a/cmdb-ui/src/modules/cmdb/views/discoveryCI/index.vue b/cmdb-ui/src/modules/cmdb/views/discoveryCI/index.vue
index f2fd987..37c05e3 100644
--- a/cmdb-ui/src/modules/cmdb/views/discoveryCI/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/discoveryCI/index.vue
@@ -313,7 +313,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .cmdb-adc {
   .cmdb-adc-group {
     margin-bottom: 20px;
diff --git a/cmdb-ui/src/modules/cmdb/views/model_relation/index.vue b/cmdb-ui/src/modules/cmdb/views/model_relation/index.vue
index 4ace33e..4962570 100644
--- a/cmdb-ui/src/modules/cmdb/views/model_relation/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/model_relation/index.vue
@@ -308,7 +308,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .model-relation {
   background-color: #fff;
diff --git a/cmdb-ui/src/modules/cmdb/views/preference/index.vue b/cmdb-ui/src/modules/cmdb/views/preference/index.vue
index bd48787..e995c29 100644
--- a/cmdb-ui/src/modules/cmdb/views/preference/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/preference/index.vue
@@ -393,7 +393,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .cmdb-preference {
   margin: -24px;
   overflow: auto;
diff --git a/cmdb-ui/src/modules/cmdb/views/relation_views/index.vue b/cmdb-ui/src/modules/cmdb/views/relation_views/index.vue
index e1ef72f..452ab71 100644
--- a/cmdb-ui/src/modules/cmdb/views/relation_views/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/relation_views/index.vue
@@ -1777,7 +1777,6 @@ export default {
 
 <style lang="less">
 @import '../index.less';
-@import '~@/style/static.less';
 
 .relation-views-wrapper {
   width: 100%;
diff --git a/cmdb-ui/src/modules/cmdb/views/relation_views/modules/ContextMenu.vue b/cmdb-ui/src/modules/cmdb/views/relation_views/modules/ContextMenu.vue
index 6d2de06..4391840 100644
--- a/cmdb-ui/src/modules/cmdb/views/relation_views/modules/ContextMenu.vue
+++ b/cmdb-ui/src/modules/cmdb/views/relation_views/modules/ContextMenu.vue
@@ -244,7 +244,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .relation-views-node {
   width: 100%;
@@ -314,7 +313,6 @@ export default {
 </style>
 
 <style lang="less">
-@import '~@/style/static.less';
 .relation-views-left {
   ul:has(.relation-views-node-checkbox) > li > ul {
     margin-left: 26px;
diff --git a/cmdb-ui/src/modules/cmdb/views/resource_search/index.vue b/cmdb-ui/src/modules/cmdb/views/resource_search/index.vue
index b50e22d..d8c0405 100644
--- a/cmdb-ui/src/modules/cmdb/views/resource_search/index.vue
+++ b/cmdb-ui/src/modules/cmdb/views/resource_search/index.vue
@@ -535,7 +535,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .resource-search {
   margin-bottom: -24px;
diff --git a/cmdb-ui/src/modules/cmdb/views/tree_views/modules/treeViewsNode.vue b/cmdb-ui/src/modules/cmdb/views/tree_views/modules/treeViewsNode.vue
index bba2f36..8e8b96e 100644
--- a/cmdb-ui/src/modules/cmdb/views/tree_views/modules/treeViewsNode.vue
+++ b/cmdb-ui/src/modules/cmdb/views/tree_views/modules/treeViewsNode.vue
@@ -50,7 +50,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .tree-views-node {
   width: 100%;
   display: inline-flex;
diff --git a/cmdb-ui/src/views/noticeCenter/index.vue b/cmdb-ui/src/views/noticeCenter/index.vue
index c2eb916..1bce77e 100644
--- a/cmdb-ui/src/views/noticeCenter/index.vue
+++ b/cmdb-ui/src/views/noticeCenter/index.vue
@@ -284,7 +284,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 
 .notice-center-left {
   color: rgba(0, 0, 0, 0.7);
diff --git a/cmdb-ui/src/views/setting/companyInfo/index.vue b/cmdb-ui/src/views/setting/companyInfo/index.vue
index 0f554c7..f00aeb7 100644
--- a/cmdb-ui/src/views/setting/companyInfo/index.vue
+++ b/cmdb-ui/src/views/setting/companyInfo/index.vue
@@ -331,7 +331,7 @@ export default {
 .ops-setting-companyinfo {
   padding-top: 15px;
   background-color: #fff;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   overflow: auto;
   margin-bottom: -24px;
   .ops-setting-companyinfo-upload-show {
diff --git a/cmdb-ui/src/views/setting/companyStructure/CategoryTree.vue b/cmdb-ui/src/views/setting/companyStructure/CategoryTree.vue
index 169d2e7..0f122c6 100644
--- a/cmdb-ui/src/views/setting/companyStructure/CategoryTree.vue
+++ b/cmdb-ui/src/views/setting/companyStructure/CategoryTree.vue
@@ -155,7 +155,6 @@ export default {
 </script>
 
 <style lang="less">
-@import '~@/style/static.less';
 ul,
 li {
   list-style: none;
diff --git a/cmdb-ui/src/views/setting/companyStructure/index.vue b/cmdb-ui/src/views/setting/companyStructure/index.vue
index 12216bf..5302dd2 100644
--- a/cmdb-ui/src/views/setting/companyStructure/index.vue
+++ b/cmdb-ui/src/views/setting/companyStructure/index.vue
@@ -862,14 +862,13 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .ops-setting-structure {
   margin-bottom: -24px;
   width: 100%;
   .ops-setting-structure-sidebar {
     height: 100%;
     padding: 15px;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     overflow-y: hidden;
     &:hover {
       overflow-y: overlay;
@@ -1026,7 +1025,7 @@ export default {
     padding: 12px;
     background-color: #fff;
     overflow-y: auto;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     .ops-setting-structure-main-controller {
       // height: 70px;
       margin-bottom: 12px;
diff --git a/cmdb-ui/src/views/setting/components/SearchForm.vue b/cmdb-ui/src/views/setting/components/SearchForm.vue
index 188b6bb..22ec5af 100644
--- a/cmdb-ui/src/views/setting/components/SearchForm.vue
+++ b/cmdb-ui/src/views/setting/components/SearchForm.vue
@@ -64,7 +64,6 @@ name: 'SearchForm',
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
   .search-form-bar-filter {
     background-color: rgb(240, 245, 255);
     .ops_display_wrapper();
diff --git a/cmdb-ui/src/views/setting/notice/dingding.vue b/cmdb-ui/src/views/setting/notice/dingding.vue
index c02a72a..2e43762 100644
--- a/cmdb-ui/src/views/setting/notice/dingding.vue
+++ b/cmdb-ui/src/views/setting/notice/dingding.vue
@@ -137,7 +137,7 @@ export default {
   padding-top: 15px;
   overflow: auto;
   margin-bottom: -24px;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   .notice-dingding-wrapper-tips {
     display: inline-block;
     background-color: #ffdfdf;
diff --git a/cmdb-ui/src/views/setting/notice/feishu.vue b/cmdb-ui/src/views/setting/notice/feishu.vue
index f297329..61a747d 100644
--- a/cmdb-ui/src/views/setting/notice/feishu.vue
+++ b/cmdb-ui/src/views/setting/notice/feishu.vue
@@ -117,7 +117,7 @@ export default {
   padding-top: 15px;
   overflow: auto;
   margin-bottom: -24px;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   .notice-feishu-wrapper-tips {
     display: inline-block;
     background-color: #ffdfdf;
diff --git a/cmdb-ui/src/views/setting/notice/wx.vue b/cmdb-ui/src/views/setting/notice/wx.vue
index 246dd54..3d661a3 100644
--- a/cmdb-ui/src/views/setting/notice/wx.vue
+++ b/cmdb-ui/src/views/setting/notice/wx.vue
@@ -138,7 +138,7 @@ export default {
   padding-top: 15px;
   overflow: auto;
   margin-bottom: -24px;
-  border-radius: 15px;
+  border-radius: @border-radius-box;
   .notice-wx-wrapper-tips {
     display: inline-block;
     background-color: #ffdfdf;
diff --git a/cmdb-ui/src/views/setting/person/index.vue b/cmdb-ui/src/views/setting/person/index.vue
index c02eca1..eaa548c 100644
--- a/cmdb-ui/src/views/setting/person/index.vue
+++ b/cmdb-ui/src/views/setting/person/index.vue
@@ -354,7 +354,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import '~@/style/static.less';
 .setting-person {
   display: flex;
   flex-direction: row;
@@ -363,7 +362,7 @@ export default {
     height: 400px;
     margin-right: 24px;
     background-color: #fff;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     padding-top: 15px;
     .setting-person-left-item {
       cursor: pointer;
@@ -388,7 +387,7 @@ export default {
     width: 800px;
     height: 700px;
     background-color: #fff;
-    border-radius: 15px;
+    border-radius: @border-radius-box;
     padding: 24px 48px;
     .setting-person-right-disabled {
       background-color: #custom_colors[color_2];
diff --git a/cmdb-ui/vue.config.js b/cmdb-ui/vue.config.js
index 9dfc8a6..dbc5eae 100644
--- a/cmdb-ui/vue.config.js
+++ b/cmdb-ui/vue.config.js
@@ -91,7 +91,12 @@ module.exports = {
       },
     },
   },
-
+  pluginOptions: {
+    'style-resources-loader': {
+      preProcessor: 'less',
+      patterns: [path.resolve(__dirname, './src/style/static.less')],
+    },
+  },
   devServer: {
     disableHostCheck: true,
     port: process.env.DEV_PORT || 8000,