diff --git a/src/assets/css/global.less b/src/assets/css/global.less
index c5ac9a9..7c512f7 100644
--- a/src/assets/css/global.less
+++ b/src/assets/css/global.less
@@ -1,15 +1,5 @@
 /* -- 全局样式 -- */
 
-// 变量
-
-@headerHeight: 4rem;
-
-@colorPrimary: #2196F3;
-@colorSecondary: #67C23A;
-@colorWhite: #F9F9F9;
-
-@transitionTime: .25s;
-
 // 滚动条
 
 ::-webkit-scrollbar {
@@ -106,4 +96,4 @@ body {
 
 .el-select-dropdown {
     border: none !important;
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/variable.less b/src/assets/css/variable.less
new file mode 100644
index 0000000..0a58948
--- /dev/null
+++ b/src/assets/css/variable.less
@@ -0,0 +1,9 @@
+/* -- 全局变量 -- */
+
+@headerHeight: 4rem;
+
+@colorPrimary: #2196F3;
+@colorSecondary: #67C23A;
+@colorWhite: #F9F9F9;
+
+@transitionTime: .25s;
diff --git a/src/main.js b/src/main.js
index 845d398..47a6646 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,7 @@ import utils from './assets/js/utils';
 
 import 'ress/ress.css';
 import './assets/css/element.scss';
+import './assets/css/global.less';
 
 Vue.use(ElementUI);
 
diff --git a/vue.config.js b/vue.config.js
index e413c6b..9cbcbe5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -24,9 +24,9 @@ module.exports = {
     pluginOptions: {
         'style-resources-loader': {
             preProcessor: 'less',
-            // 全局 Less
+            // 全局 Less 变量
             patterns: [
-                path.resolve(__dirname, 'src/assets/css/global.less')
+                path.resolve(__dirname, 'src/assets/css/variable.less')
             ]
         }
     },