locals

zhangmrit · Jun 18, 2019 · 8504ef5 · 8504ef5
1 parent eead7ea
commit 8504ef5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -7,8 +7,9 @@ module.exports = {
         'useBuiltIns': 'entry'
       }
     ]
-  ], // if your use import on Demand, Use this code
-
+  ]
+  // if your use import on Demand, Use this code
+  // ,
   // plugins: [
   //   [ 'import', {
   //     'libraryName': 'ant-design-vue',

diff --git a/public/index.html b/public/index.html
@@ -7,10 +7,13 @@
     <link rel="icon" href="<%= BASE_URL %>logo.png">
     <title>RUOYI ANT</title>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuex.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/locale/zh-cn.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/antd.min.css"/>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/antd.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/antd-with-locales.min.js"></script>
     <style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style>
   </head>
   <body>

diff --git a/vue.config.js b/vue.config.js
@@ -14,6 +14,9 @@ module.exports = {
       // key表示包名(import foo from 'xx' 里的xx)
       // value表示window下的全局变量名(库暴露出来的namespace,可查lib对应的webpack配置里的library字段)
       'vue': 'Vue',
+      'axios': 'axios',
+      'vue-router': 'VueRouter',
+      'vuex': 'Vuex',
       'moment': 'moment',
       'ant-design-vue': 'antd'
     },
@@ -27,7 +30,7 @@ module.exports = {
         fileName: 'css/theme-colors.css', // TODO 需要处理的暗坑
         matchColors: getAntdSerials('#1890ff'), // 主色系列
         // 改变样式选择器，解决样式覆盖问题
-        changeSelector(selector) {
+        changeSelector (selector) {
           switch (selector) {
             case '.ant-calendar-today .ant-calendar-date':
               return ':not(.ant-calendar-selected-date)' + selector