🐎 ci(工程配置项): 工程名称、版本号、打包alias路径修改

.gitignore

@@ -13,7 +13,7 @@ yarn-error.log*
 
 # Editor directories and files
 .idea
-.vscode
+# .vscode
 *.suo
 *.ntvs*
 *.njsproj

jsconfig.json

@@ -0,0 +1,13 @@
+{
+	"compilerOptions": {
+		"baseUrl": "./",
+		"paths": {
+			"@/*": ["src/*"],
+			"_v/*": ["src/views/*"],
+			"_c/*": ["src/components/*"],
+			"_a/*": ["src/assets/*"],
+			"_r": ["src/request/*"]
+		}
+	},
+	"exclude": ["node_modules", "dist"]
+}

package-lock.json

@@ -1,6 +1,6 @@
 {
-  "name": "webscp",
-  "version": "1.3.1",
+  "name": "qiwen-file-web",
+  "version": "1.4.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1394,6 +1394,12 @@
             "yallist": "^2.1.2"
           }
         },
+        "prettier": {
+          "version": "1.16.3",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.3.tgz",
+          "integrity": "sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==",
+          "dev": true
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
@@ -9055,12 +9061,6 @@
       "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
       "dev": true
     },
-    "prettier": {
-      "version": "1.16.3",
-      "resolved": "https://registry.npm.taobao.org/prettier/download/prettier-1.16.3.tgz",
-      "integrity": "sha1-jGIWhFO63vcC80tFtu6JlXSmpl0=",
-      "dev": true
-    },
     "pretty-error": {
       "version": "2.1.1",
       "resolved": "https://registry.npm.taobao.org/pretty-error/download/pretty-error-2.1.1.tgz",

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "webscp",
-  "version": "1.3.1",
+  "name": "qiwen-file-web",
+  "version": "1.4.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve --open",
@@ -62,4 +62,4 @@
     "> 1%",
     "last 2 versions"
   ]
-}
+}

public/config.json

@@ -1,3 +1,3 @@
 {
-	"baseUrl": "http://localhost:8080"
+	"baseUrl": "http://www.qiwenshare.com:8763"
 }

public/index.html

@@ -7,7 +7,7 @@
   <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
   <meta name="keywords" content="">
   <meta name="description" content="">
-  <link rel="icon" href="<%= BASE_URL %>QWshare.ico">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 </script>
   <title>奇文网盘</title>
 </head>

src/App.vue

@@ -14,11 +14,11 @@
 </template>
 
 <script>
-import Header from '@/components/Header.vue'
-import Footer from '@/components/Footer.vue'
-import globalUploader from '@/components//common/GlobalUploader.vue'
-import ImgPreview from '@/components/common/ImgPreview'
-import VideoPreview from '@/components/common/VideoPreview'
+import Header from '_c/Header.vue'
+import Footer from '_c/Footer.vue'
+import globalUploader from '_c//common/GlobalUploader.vue'
+import ImgPreview from '_c/common/ImgPreview'
+import VideoPreview from '_c/common/VideoPreview'
 
 export default {
   name: 'App',
@@ -49,7 +49,7 @@ export default {
 }
 </script>
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 #app {
   height: 100%;

src/assets/styles/css/border.css

@@ -1,185 +0,0 @@
-@charset "utf-8";
-.border,
-.border-top,
-.border-right,
-.border-bottom,
-.border-left,
-.border-topbottom,
-.border-rightleft,
-.border-topleft,
-.border-rightbottom,
-.border-topright,
-.border-bottomleft {
-    position: relative;
-}
-.border::before,
-.border-top::before,
-.border-right::before,
-.border-bottom::before,
-.border-left::before,
-.border-topbottom::before,
-.border-topbottom::after,
-.border-rightleft::before,
-.border-rightleft::after,
-.border-topleft::before,
-.border-topleft::after,
-.border-rightbottom::before,
-.border-rightbottom::after,
-.border-topright::before,
-.border-topright::after,
-.border-bottomleft::before,
-.border-bottomleft::after {
-    content: "\0020";
-    overflow: hidden;
-    position: absolute;
-}
-/* border
- * 因，边框是由伪元素区域遮盖在父级
- * 故，子级若有交互，需要对子级设置
- * 定位 及 z轴
- */
-.border::before {
-    box-sizing: border-box;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    border: 1px solid #eaeaea;
-    transform-origin: 0 0;
-}
-.border-top::before,
-.border-bottom::before,
-.border-topbottom::before,
-.border-topbottom::after,
-.border-topleft::before,
-.border-rightbottom::after,
-.border-topright::before,
-.border-bottomleft::before {
-    left: 0;
-    width: 100%;
-    height: 1px;
-}
-.border-right::before,
-.border-left::before,
-.border-rightleft::before,
-.border-rightleft::after,
-.border-topleft::after,
-.border-rightbottom::before,
-.border-topright::after,
-.border-bottomleft::after {
-    top: 0;
-    width: 1px;
-    height: 100%;
-}
-.border-top::before,
-.border-topbottom::before,
-.border-topleft::before,
-.border-topright::before {
-    border-top: 1px solid #eaeaea;
-    transform-origin: 0 0;
-}
-.border-right::before,
-.border-rightbottom::before,
-.border-rightleft::before,
-.border-topright::after {
-    border-right: 1px solid #eaeaea;
-    transform-origin: 100% 0;
-}
-.border-bottom::before,
-.border-topbottom::after,
-.border-rightbottom::after,
-.border-bottomleft::before {
-    border-bottom: 1px solid #eaeaea;
-    transform-origin: 0 100%;
-}
-.border-left::before,
-.border-topleft::after,
-.border-rightleft::after,
-.border-bottomleft::after {
-    border-left: 1px solid #eaeaea;
-    transform-origin: 0 0;
-}
-.border-top::before,
-.border-topbottom::before,
-.border-topleft::before,
-.border-topright::before {
-    top: 0;
-}
-.border-right::before,
-.border-rightleft::after,
-.border-rightbottom::before,
-.border-topright::after {
-    right: 0;
-}
-.border-bottom::before,
-.border-topbottom::after,
-.border-rightbottom::after,
-.border-bottomleft::after {
-    bottom: 0;
-}
-.border-left::before,
-.border-rightleft::before,
-.border-topleft::after,
-.border-bottomleft::before {
-    left: 0;
-}
-@media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
-    /* 默认值，无需重置 */
-}
-@media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
-    .border::before {
-        width: 200%;
-        height: 200%;
-        transform: scale(.5);
-    }
-    .border-top::before,
-    .border-bottom::before,
-    .border-topbottom::before,
-    .border-topbottom::after,
-    .border-topleft::before,
-    .border-rightbottom::after,
-    .border-topright::before,
-    .border-bottomleft::before {
-        transform: scaleY(.5);
-    }
-    .border-right::before,
-    .border-left::before,
-    .border-rightleft::before,
-    .border-rightleft::after,
-    .border-topleft::after,
-    .border-rightbottom::before,
-    .border-topright::after,
-    .border-bottomleft::after {
-        transform: scaleX(.5);
-    }
-}
-@media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
-    .border::before {
-        width: 300%;
-        height: 300%;
-        transform: scale(.33333);
-    }
-    .border-top::before,
-    .border-bottom::before,
-    .border-topbottom::before,
-    .border-topbottom::after,
-    .border-topleft::before,
-    .border-rightbottom::after,
-    .border-topright::before,
-    .border-bottomleft::before {
-        transform: scaleY(.33333);
-    }
-    .border-right::before,
-    .border-left::before,
-    .border-rightleft::before,
-    .border-rightleft::after,
-    .border-topleft::after,
-    .border-rightbottom::before,
-    .border-topright::after,
-    .border-bottomleft::after {
-        transform: scaleX(.33333);
-    }
-}
-.border-radius {
-    border-radius: 4px;
-}

src/components/File/AddFileDialog.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { createOfficeFile } from '@/request/onlyoffice.js'
+import { createOfficeFile } from '_r/onlyoffice.js'
 
 export default {
   name: 'AddFileDialog',

src/components/File/AddFolderDialog.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { createFold } from '@/request/file.js'
+import { createFold } from '_r/file.js'
 
 export default {
   name: 'AddFolderDialog',

src/components/File/FileTable.vue

@@ -219,7 +219,7 @@
 </template>
 
 <script>
-import { unzipFile, deleteFile, renameFile, deleteRecoveryFile, restoreRecoveryFile } from '@/request/file.js'
+import { unzipFile, deleteFile, renameFile, deleteRecoveryFile, restoreRecoveryFile } from '_r/file.js'
 import { mapGetters } from 'vuex'
 
 export default {
@@ -285,40 +285,40 @@ export default {
       ],
       //  文件图片Map映射
       fileImgMap: {
-        dir: require('@/assets/images/file/dir.png'),
-        chm: require('@/assets/images/file/file_chm.png'),
-        css: require('@/assets/images/file/file_css.png'),
-        csv: require('@/assets/images/file/file_csv.png'),
-        png: require('@/assets/images/file/file_pic.png'),
-        jpg: require('@/assets/images/file/file_pic.png'),
-        jpeg: require('@/assets/images/file/file_pic.png'),
-        docx: require('@/assets/images/file/file_word.png'),
-        doc: require('@/assets/images/file/file_word.png'),
-        ppt: require('@/assets/images/file/file_ppt.png'),
-        pptx: require('@/assets/images/file/file_ppt.png'),
-        xls: require('@/assets/images/file/file_excel.png'),
-        xlsx: require('@/assets/images/file/file_excel.png'),
-        mp4: require('@/assets/images/file/file_video.png'),
-        avi: require('@/assets/images/file/file_avi.png'),
-        rar: require('@/assets/images/file/file_rar.png'),
-        zip: require('@/assets/images/file/file_zip.png'),
-        dmg: require('@/assets/images/file/file_dmg.png'),
-        mp3: require('@/assets/images/file/file_music.png'),
-        open: require('@/assets/images/file/file_open.png'),
-        pdf: require('@/assets/images/file/file_pdf.png'),
-        rtf: require('@/assets/images/file/file_rtf.png'),
-        txt: require('@/assets/images/file/file_txt.png'),
-        oa: require('@/assets/images/file/file_oa.png'),
-        unknown: require('@/assets/images/file/file_unknown.png'),
-        js: require('@/assets/images/file/file_js.png'),
-        html: require('@/assets/images/file/file_html.png'),
-        img: require('@/assets/images/file/file_img.png'),
-        sql: require('@/assets/images/file/file_sql.png'),
-        jar: require('@/assets/images/file/file_jar.png'),
-        svg: require('@/assets/images/file/file_svg.png'),
-        gif: require('@/assets/images/file/file_gif.png'),
-        json: require('@/assets/images/file/file_json.png'),
-        exe: require('@/assets/images/file/file_exe.png')
+        dir: require('_a/images/file/dir.png'),
+        chm: require('_a/images/file/file_chm.png'),
+        css: require('_a/images/file/file_css.png'),
+        csv: require('_a/images/file/file_csv.png'),
+        png: require('_a/images/file/file_pic.png'),
+        jpg: require('_a/images/file/file_pic.png'),
+        jpeg: require('_a/images/file/file_pic.png'),
+        docx: require('_a/images/file/file_word.png'),
+        doc: require('_a/images/file/file_word.png'),
+        ppt: require('_a/images/file/file_ppt.png'),
+        pptx: require('_a/images/file/file_ppt.png'),
+        xls: require('_a/images/file/file_excel.png'),
+        xlsx: require('_a/images/file/file_excel.png'),
+        mp4: require('_a/images/file/file_video.png'),
+        avi: require('_a/images/file/file_avi.png'),
+        rar: require('_a/images/file/file_rar.png'),
+        zip: require('_a/images/file/file_zip.png'),
+        dmg: require('_a/images/file/file_dmg.png'),
+        mp3: require('_a/images/file/file_music.png'),
+        open: require('_a/images/file/file_open.png'),
+        pdf: require('_a/images/file/file_pdf.png'),
+        rtf: require('_a/images/file/file_rtf.png'),
+        txt: require('_a/images/file/file_txt.png'),
+        oa: require('_a/images/file/file_oa.png'),
+        unknown: require('_a/images/file/file_unknown.png'),
+        js: require('_a/images/file/file_js.png'),
+        html: require('_a/images/file/file_html.png'),
+        img: require('_a/images/file/file_img.png'),
+        sql: require('_a/images/file/file_sql.png'),
+        jar: require('_a/images/file/file_jar.png'),
+        svg: require('_a/images/file/file_svg.png'),
+        gif: require('_a/images/file/file_gif.png'),
+        json: require('_a/images/file/file_json.png'),
+        exe: require('_a/images/file/file_exe.png')
       },
       officeFileType: ['ppt', 'pptx', 'doc', 'docx', 'xls', 'xlsx'],
       downloadFilePath: '',
@@ -876,8 +876,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .file-table-wrapper {
   margin-top: 2px;

src/components/File/MoveFileDialog.vue

@@ -41,8 +41,8 @@
 </template>
 
 <script>
-import AddFolderDialog from '@/components/File/AddFolderDialog.vue'
-import { getFoldTree } from '@/request/file.js'
+import AddFolderDialog from '_c/File/AddFolderDialog.vue'
+import { getFoldTree } from '_r/file.js'
 
 export default {
   name: 'MoveFileDialog',
@@ -111,8 +111,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .move-dialog-wrapper {
   >>> .el-dialog {

src/components/Footer.vue

@@ -33,24 +33,24 @@ export default {
   name: 'Footer',
   data() {
     return {
-      logoUrl: require('@/assets/images/common/logo_footer.png'),
+      logoUrl: require('_a/images/common/logo_footer.png'),
       joinList: [
         {
           class: 'qq',
           logo: 'icon-qq',
-          img: require('@/assets/images/footer/QQImg.png'),
+          img: require('_a/images/footer/QQImg.png'),
           title: 'QQ群'
         },
         {
           class: 'wechat',
           logo: 'icon-weixin-copy',
-          img: require('@/assets/images/footer/wechatImg.png'),
+          img: require('_a/images/footer/wechatImg.png'),
           title: '微信公众号'
         },
         {
           class: 'gitee',
           logo: 'icon-mayun',
-          img: require('@/assets/images/footer/giteeImg.png'),
+          img: require('_a/images/footer/giteeImg.png'),
           title: '码云 开源社区'
         }
       ]
@@ -60,7 +60,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .footer-wrapper {
   margin-top: 20px;

src/components/Header.vue

@@ -31,7 +31,7 @@ export default {
   name: 'Header',
   data() {
     return {
-      logoUrl: require('@/assets/images/common/logo_header.png')
+      logoUrl: require('_a/images/common/logo_header.png')
     }
   },
   computed: {
@@ -61,7 +61,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .header-wrapper {
   width: 100%;

src/components/common/GlobalUploader.vue

@@ -330,8 +330,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 #global-uploader {
   position: fixed;

src/components/common/ImgPreview.vue

@@ -208,7 +208,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .img-preview-wrapper {
   position: fixed;

src/components/common/VideoPreview.vue

@@ -130,8 +130,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .video-preview-wrapper {
   background: rgba(0, 0, 0, 0.75);

src/main.js

@@ -4,11 +4,10 @@ import router from './router/router'
 import store from '@/store/index.js'
 import globalFunction from '@/globalFunction.js'
 import * as filters from '@/filters/index.js'
-import '@/assets/styles/css/base.css'
-import '@/assets/styles/css/border.css'
-import '@/assets/styles/css/element-cover.css'
-import '@/assets/styles/iconfont/iconfont.css'
-import '@/assets/styles/css/mediaScreen.styl'
+import '_a/styles/css/base.css'
+import '_a/styles/css/element-cover.css'
+import '_a/styles/iconfont/iconfont.css'
+import '_a/styles/css/mediaScreen.styl'
 import '@/router/before.js'
 import 'element-ui/lib/theme-chalk/index.css'
 import element from './element.js'

src/router/router.js

@@ -10,7 +10,7 @@ export default new Router({
     {
       path: '/',
       name: 'Home',
-      component: () => import(/* webpackChunkName: "home" */ '@/views/Home'),
+      component: () => import(/* webpackChunkName: "home" */ '_v/Home'),
       meta: { 
         title: '奇文网盘' ,
         content: {
@@ -21,19 +21,19 @@ export default new Router({
     {
       path: '/login',
       name: 'Login',
-      component: () => import(/* webpackChunkName: "login" */ '@/views/Login.vue'),
+      component: () => import(/* webpackChunkName: "login" */ '_v/Login.vue'),
       meta: { title: '登录 - 奇文网盘' }
     },
     {
       path: '/register',
       name: 'Register',
-      component: () => import(/* webpackChunkName: "register" */ '@/views/Register.vue'),
+      component: () => import(/* webpackChunkName: "register" */ '_v/Register.vue'),
       meta: { title: '注册 - 奇文网盘' }
     },
     {
       path: '/file',
       name: 'File',
-      component: () => import(/* webpackChunkName: "file" */ '@/views/file/File.vue'),
+      component: () => import(/* webpackChunkName: "file" */ '_v/file/File.vue'),
       meta: {
         requireAuth: true, //  当前路由是否需要登录才可进入
         title: '奇文网盘',
@@ -52,12 +52,12 @@ export default new Router({
           description: '在线编辑预览'
         }
       },
-      component: () => import('@/views/OnlyOffice/index.vue')
+      component: () => import(/* webpackChunkName: "onlyOffice" */ '_v/OnlyOffice/index.vue')
     },
     {
       path: '/share/:shareBatchNum',
       name: 'Share',
-      component: () => import(/* webpackChunkName: "share" */ '@/views/Share/index.vue'),
+      component: () => import(/* webpackChunkName: "share" */ '_v/Share/index.vue'),
       meta: {
         title: '分享 - 奇文网盘',
         breadCrumbName: '分享文件'
@@ -67,7 +67,7 @@ export default new Router({
     {
       path: '/myshare',
       name: 'MyShare',
-      component: () => import(/* webpackChunkName: "my_share" */ '@/views/MyShare/index.vue'),
+      component: () => import(/* webpackChunkName: "my_share" */ '_v/MyShare/index.vue'),
       meta: {
         requireAuth: true,
         title: '我的分享 - 奇文网盘',
@@ -77,7 +77,7 @@ export default new Router({
     {
       path: '*',
       name: 'Error_404',
-      component: () => import(/* webpackChunkName: "error_404" */ '@/views/ErrorPage/404.vue'),
+      component: () => import(/* webpackChunkName: "error_404" */ '_v/ErrorPage/404.vue'),
       meta: { title: '404 - 奇文网盘' }
     }
   ]

src/store/module/sideMenu.js

@@ -1,4 +1,4 @@
-import { getStorage } from '@/request/file.js'
+import { getStorage } from '_r/file.js'
 
 export default {
   state: {

src/store/module/user.js

@@ -1,5 +1,5 @@
 import globalFunction from '@/globalFunction.js'
-import { checkUserLoginInfo } from "@/request/user.js"; //引入axios封装
+import { checkUserLoginInfo } from "_r/user.js"; //引入axios封装
 
 export default {
   state: {

src/views/ErrorPage/404.vue

@@ -10,7 +10,7 @@ export default {
   name: 'Error_404',
   data() {
     return {
-      error_404_img: require('@/assets/images/error/404.png')
+      error_404_img: require('_a/images/error/404.png')
     }
   }
 }

src/views/Home/components/Banner.vue

@@ -48,7 +48,7 @@ export default {
               link: 'https://gitee.com/qiwen-cloud/qiwen-file'
             }
           ],
-          bannerImg: require('@/assets/images/home/banner/banner1.png')
+          bannerImg: require('_a/images/home/banner/banner1.png')
         }
       ]
     }
@@ -63,7 +63,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .el-carousel {
   width: 100%;

src/views/Home/components/Function.vue

@@ -20,32 +20,32 @@ export default {
     return {
       functionList: [
         {
-          icon: require('@/assets/images/home/function/icon1.png'),
+          icon: require('_a/images/home/function/icon1.png'),
           title: '阿里云OSS存储',
           desc: '支持多种文件存储方式，目前已经支持本地磁盘存储和阿里云OSS存储，并可以在使用中随意切换'
         },
         {
-          icon: require('@/assets/images/home/function/icon2.png'),
+          icon: require('_a/images/home/function/icon2.png'),
           title: '文件极速秒传',
           desc: '能够准确识别已上传文件，当上传的文件在磁盘上已存在，可以达到秒传效果'
         },
         {
-          icon: require('@/assets/images/home/function/icon3.png'),
+          icon: require('_a/images/home/function/icon3.png'),
           title: '文件分块上传',
           desc: '对文件进行分块上传，可以提高上传速度，并且能够更加精准的显示出文件传输速率和进度'
         },
         {
-          icon: require('@/assets/images/home/function/icon4.png'),
+          icon: require('_a/images/home/function/icon4.png'),
           title: '多文件格式分类查看',
           desc: '帮助用户更加快速的找到需要的文件，我们支持对文件进行分类显示并查看预览'
         },
         {
-          icon: require('@/assets/images/home/function/icon5.png'),
+          icon: require('_a/images/home/function/icon5.png'),
           title: '支持回收站功能',
           desc: '回收站可以轻松帮助找回误删文件，对回收站进行清理后文件才将彻底删除'
         },
         {
-          icon: require('@/assets/images/home/function/icon6.png'),
+          icon: require('_a/images/home/function/icon6.png'),
           title: '列表和网格风格切换',
           desc: '为了满足不同用户的视觉体验，我们提供了文件的列表显示和网格显示两种风格'
         }
@@ -56,7 +56,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl'
+@import '~_a/styles/varibles.styl'
 
 .function-wrapper {
   margin-bottom: 40px;

src/views/Login.vue

@@ -43,8 +43,8 @@
 
 <script>
 import CanvasNest from 'canvas-nest.js'
-import DragVerify from '@/components/common/DragVerify.vue'  //  引入滑动解锁组件
-import { login } from '@/request/user.js'
+import DragVerify from '_c/common/DragVerify.vue'  //  引入滑动解锁组件
+import { login } from '_r/user.js'
 
 // 配置
 const config = {

src/views/MyShare/index.vue

@@ -29,9 +29,9 @@
 </template>
 
 <script>
-import BreadCrumb from '@/components/BreadCrumb'
-import FileTable from '@/components/File/FileTable'
-import { getMyShareFileList } from '@/request/file.js'
+import BreadCrumb from '_c/BreadCrumb'
+import FileTable from '_c/File/FileTable'
+import { getMyShareFileList } from '_r/file.js'
 
 export default {
   name: 'MyShare',

src/views/OnlyOffice/index.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import { createOfficeFile, editOfficeFile, previewOfficeFile } from '@/request/onlyoffice.js'
+import { createOfficeFile, editOfficeFile, previewOfficeFile } from '_r/onlyoffice.js'
 
 export default {
   name: 'OnlyOffice',

src/views/Register.vue

@@ -46,8 +46,8 @@
 
 <script>
 import CanvasNest from 'canvas-nest.js'
-import DragVerify from '@/components/common/DragVerify.vue'  //  引入滑动解锁组件
-import { addUser } from '@/request/user.js'
+import DragVerify from '_c/common/DragVerify.vue'  //  引入滑动解锁组件
+import { addUser } from '_r/user.js'
 
 // 配置
 const config = {

src/views/Share/index.vue

@@ -56,16 +56,16 @@
 </template>
 
 <script>
-import BreadCrumb from '@/components/BreadCrumb'
-import FileTable from '@/components/File/FileTable'
-import MoveFileDialog from '@/components/File/MoveFileDialog'
+import BreadCrumb from '_c/BreadCrumb'
+import FileTable from '_c/File/FileTable'
+import MoveFileDialog from '_c/File/MoveFileDialog'
 import {
   checkShareLinkEndtime,
   checkShareLinkType,
   checkShareLinkCode,
   getShareFileList,
   saveShareFile
-} from '@/request/file.js'
+} from '_r/file.js'
 
 export default {
   name: 'Share',

src/views/file/File.vue

@@ -27,8 +27,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .file-wrapper {
   width: 100% !important;

src/views/file/components/AsideMenu/AsideMenu.vue

@@ -115,8 +115,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .side-menu-wrapper {
   position: relative;

src/views/file/components/FileList/components/FileGrid.vue

@@ -88,7 +88,7 @@
 </template>
 
 <script>
-import { unzipFile, deleteFile, renameFile, deleteRecoveryFile, restoreRecoveryFile } from '@/request/file.js'
+import { unzipFile, deleteFile, renameFile, deleteRecoveryFile, restoreRecoveryFile } from '_r/file.js'
 import { mapGetters } from 'vuex'
 import 'element-ui/lib/theme-chalk/base.css'
 
@@ -149,39 +149,39 @@ export default {
       ],
       //  文件图片Map映射
       fileImgMap: {
-        dir: require('@/assets/images/file/dir.png'),
-        chm: require('@/assets/images/file/file_chm.png'),
-        css: require('@/assets/images/file/file_css.png'),
-        csv: require('@/assets/images/file/file_csv.png'),
-        png: require('@/assets/images/file/file_pic.png'),
-        jpg: require('@/assets/images/file/file_pic.png'),
-        jpeg: require('@/assets/images/file/file_pic.png'),
-        docx: require('@/assets/images/file/file_word.png'),
-        doc: require('@/assets/images/file/file_word.png'),
-        ppt: require('@/assets/images/file/file_ppt.png'),
-        pptx: require('@/assets/images/file/file_ppt.png'),
-        xls: require('@/assets/images/file/file_excel.png'),
-        xlsx: require('@/assets/images/file/file_excel.png'),
-        mp4: require('@/assets/images/file/file_video.png'),
-        avi: require('@/assets/images/file/file_avi.png'),
-        rar: require('@/assets/images/file/file_rar.png'),
-        zip: require('@/assets/images/file/file_zip.png'),
-        dmg: require('@/assets/images/file/file_dmg.png'),
-        mp3: require('@/assets/images/file/file_music.png'),
-        open: require('@/assets/images/file/file_open.png'),
-        pdf: require('@/assets/images/file/file_pdf.png'),
-        rtf: require('@/assets/images/file/file_rtf.png'),
-        txt: require('@/assets/images/file/file_txt.png'),
-        oa: require('@/assets/images/file/file_oa.png'),
-        unknown: require('@/assets/images/file/file_unknown.png'),
-        js: require('@/assets/images/file/file_js.png'),
-        html: require('@/assets/images/file/file_html.png'),
-        img: require('@/assets/images/file/file_img.png'),
-        sql: require('@/assets/images/file/file_sql.png'),
-        jar: require('@/assets/images/file/file_jar.png'),
-        svg: require('@/assets/images/file/file_svg.png'),
-        json: require('@/assets/images/file/file_json.png'),
-        exe: require('@/assets/images/file/file_exe.png')
+        dir: require('_a/images/file/dir.png'),
+        chm: require('_a/images/file/file_chm.png'),
+        css: require('_a/images/file/file_css.png'),
+        csv: require('_a/images/file/file_csv.png'),
+        png: require('_a/images/file/file_pic.png'),
+        jpg: require('_a/images/file/file_pic.png'),
+        jpeg: require('_a/images/file/file_pic.png'),
+        docx: require('_a/images/file/file_word.png'),
+        doc: require('_a/images/file/file_word.png'),
+        ppt: require('_a/images/file/file_ppt.png'),
+        pptx: require('_a/images/file/file_ppt.png'),
+        xls: require('_a/images/file/file_excel.png'),
+        xlsx: require('_a/images/file/file_excel.png'),
+        mp4: require('_a/images/file/file_video.png'),
+        avi: require('_a/images/file/file_avi.png'),
+        rar: require('_a/images/file/file_rar.png'),
+        zip: require('_a/images/file/file_zip.png'),
+        dmg: require('_a/images/file/file_dmg.png'),
+        mp3: require('_a/images/file/file_music.png'),
+        open: require('_a/images/file/file_open.png'),
+        pdf: require('_a/images/file/file_pdf.png'),
+        rtf: require('_a/images/file/file_rtf.png'),
+        txt: require('_a/images/file/file_txt.png'),
+        oa: require('_a/images/file/file_oa.png'),
+        unknown: require('_a/images/file/file_unknown.png'),
+        js: require('_a/images/file/file_js.png'),
+        html: require('_a/images/file/file_html.png'),
+        img: require('_a/images/file/file_img.png'),
+        sql: require('_a/images/file/file_sql.png'),
+        jar: require('_a/images/file/file_jar.png'),
+        svg: require('_a/images/file/file_svg.png'),
+        json: require('_a/images/file/file_json.png'),
+        exe: require('_a/images/file/file_exe.png')
       },
       officeFileType: ['ppt', 'pptx', 'doc', 'docx', 'xls', 'xlsx'],
       downloadFilePath: '',
@@ -677,8 +677,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .file-grid-wrapper {
   border-top: 1px solid $BorderBase;

src/views/file/components/FileList/components/FileTimeLine.vue

@@ -97,8 +97,8 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
-@import '~@/assets/styles/mixins.styl';
+@import '~_a/styles/varibles.styl';
+@import '~_a/styles/mixins.styl';
 
 .image-timeline-wrapper {
   margin-top: 20px;

src/views/file/components/FileList/components/OperationMenu.vue

@@ -26,13 +26,13 @@
         <el-dropdown-menu slot="dropdown" :disabled="selectionFile.length && batchOperate || fileType !== 0">
           <el-dropdown-item @click.native="handleCreateFile('docx')">
             <img
-            src="@/assets/images/file/file_word.png"
+            src="_a/images/file/file_word.png"
             style="width: 30px; max-height: 30px; cursor: pointer"/>Word文档</el-dropdown-item>
           <el-dropdown-item @click.native="handleCreateFile('xlsx')"><img
-            src="@/assets/images/file/file_excel.png"
+            src="_a/images/file/file_excel.png"
             style="width: 30px; max-height: 30px; cursor: pointer"/>Excel工作表</el-dropdown-item>
           <el-dropdown-item @click.native="handleCreateFile('pptx')"><img
-            src="@/assets/images/file/file_ppt.png"
+            src="_a/images/file/file_ppt.png"
             style="width: 30px; max-height: 30px; cursor: pointer"/>PPT演示文稿</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
@@ -148,9 +148,9 @@
 </template>
 
 <script>
-import { batchDeleteFile, batchDeleteRecoveryFile } from '@/request/file.js'
-import AddFolderDialog from '@/components/File/AddFolderDialog.vue'
-import AddFileDialog from '@/components/File/AddFileDialog.vue'
+import { batchDeleteFile, batchDeleteRecoveryFile } from '_r/file.js'
+import AddFolderDialog from '_c/File/AddFolderDialog.vue'
+import AddFileDialog from '_c/File/AddFileDialog.vue'
 import SelectColumn from './SelectColumn'
 
 export default {
@@ -405,7 +405,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .operation-menu-wrapper.file-type-6 {
   margin: 8px 0;

src/views/file/components/FileList/components/SelectColumn.vue

@@ -69,7 +69,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .select-column {
   .text {

src/views/file/components/FileList/components/ShareFileDialog.vue

@@ -165,7 +165,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .success-tip {
   margin-bottom: 16px;

src/views/file/components/FileList/index.vue

@@ -77,11 +77,11 @@
 
 <script>
 import OperationMenu from './components/OperationMenu'
-import BreadCrumb from '@/components/BreadCrumb'
-import FileTable from '@/components/File/FileTable'
+import BreadCrumb from '_c/BreadCrumb'
+import FileTable from '_c/File/FileTable'
 import FileGrid from './components/FileGrid'
 import FileTimeLine from './components/FileTimeLine'
-import MoveFileDialog from '@/components/File/MoveFileDialog'
+import MoveFileDialog from '_c/File/MoveFileDialog'
 import ShareFileDialog from './components/ShareFileDialog'
 
 import {
@@ -92,7 +92,7 @@ import {
   batchMoveFile,
   searchFile,
   shareFile
-} from '@/request/file.js'
+} from '_r/file.js'
 
 export default {
   name: 'FileList',
@@ -167,40 +167,40 @@ export default {
       ],
       //  文件图片Map映射
       fileImgMap: {
-        dir: require('@/assets/images/file/dir.png'),
-        chm: require('@/assets/images/file/file_chm.png'),
-        css: require('@/assets/images/file/file_css.png'),
-        csv: require('@/assets/images/file/file_csv.png'),
-        png: require('@/assets/images/file/file_pic.png'),
-        jpg: require('@/assets/images/file/file_pic.png'),
-        jpeg: require('@/assets/images/file/file_pic.png'),
-        docx: require('@/assets/images/file/file_word.png'),
-        doc: require('@/assets/images/file/file_word.png'),
-        ppt: require('@/assets/images/file/file_ppt.png'),
-        pptx: require('@/assets/images/file/file_ppt.png'),
-        xls: require('@/assets/images/file/file_excel.png'),
-        xlsx: require('@/assets/images/file/file_excel.png'),
-        mp4: require('@/assets/images/file/file_video.png'),
-        avi: require('@/assets/images/file/file_avi.png'),
-        rar: require('@/assets/images/file/file_rar.png'),
-        zip: require('@/assets/images/file/file_zip.png'),
-        dmg: require('@/assets/images/file/file_dmg.png'),
-        mp3: require('@/assets/images/file/file_music.png'),
-        open: require('@/assets/images/file/file_open.png'),
-        pdf: require('@/assets/images/file/file_pdf.png'),
-        rtf: require('@/assets/images/file/file_rtf.png'),
-        txt: require('@/assets/images/file/file_txt.png'),
-        oa: require('@/assets/images/file/file_oa.png'),
-        unknown: require('@/assets/images/file/file_unknown.png'),
-        js: require('@/assets/images/file/file_js.png'),
-        html: require('@/assets/images/file/file_html.png'),
-        img: require('@/assets/images/file/file_img.png'),
-        sql: require('@/assets/images/file/file_sql.png'),
-        jar: require('@/assets/images/file/file_jar.png'),
-        svg: require('@/assets/images/file/file_svg.png'),
-        gif: require('@/assets/images/file/file_gif.png'),
-        json: require('@/assets/images/file/file_json.png'),
-        exe: require('@/assets/images/file/file_exe.png')
+        dir: require('_a/images/file/dir.png'),
+        chm: require('_a/images/file/file_chm.png'),
+        css: require('_a/images/file/file_css.png'),
+        csv: require('_a/images/file/file_csv.png'),
+        png: require('_a/images/file/file_pic.png'),
+        jpg: require('_a/images/file/file_pic.png'),
+        jpeg: require('_a/images/file/file_pic.png'),
+        docx: require('_a/images/file/file_word.png'),
+        doc: require('_a/images/file/file_word.png'),
+        ppt: require('_a/images/file/file_ppt.png'),
+        pptx: require('_a/images/file/file_ppt.png'),
+        xls: require('_a/images/file/file_excel.png'),
+        xlsx: require('_a/images/file/file_excel.png'),
+        mp4: require('_a/images/file/file_video.png'),
+        avi: require('_a/images/file/file_avi.png'),
+        rar: require('_a/images/file/file_rar.png'),
+        zip: require('_a/images/file/file_zip.png'),
+        dmg: require('_a/images/file/file_dmg.png'),
+        mp3: require('_a/images/file/file_music.png'),
+        open: require('_a/images/file/file_open.png'),
+        pdf: require('_a/images/file/file_pdf.png'),
+        rtf: require('_a/images/file/file_rtf.png'),
+        txt: require('_a/images/file/file_txt.png'),
+        oa: require('_a/images/file/file_oa.png'),
+        unknown: require('_a/images/file/file_unknown.png'),
+        js: require('_a/images/file/file_js.png'),
+        html: require('_a/images/file/file_html.png'),
+        img: require('_a/images/file/file_img.png'),
+        sql: require('_a/images/file/file_sql.png'),
+        jar: require('_a/images/file/file_jar.png'),
+        svg: require('_a/images/file/file_svg.png'),
+        gif: require('_a/images/file/file_gif.png'),
+        json: require('_a/images/file/file_json.png'),
+        exe: require('_a/images/file/file_exe.png')
       },
       batchOperate: false //  批量操作模式
     }
@@ -489,7 +489,7 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-@import '~@/assets/styles/varibles.styl';
+@import '~_a/styles/varibles.styl';
 
 .file-list-wrapper {
   >>> .el-header {

vue.config.js

@@ -1,4 +1,6 @@
 const productConfig = require('./public/config.json')
+const path = require('path')
+
 module.exports = {
   // 选项...
   publicPath: '/',
@@ -29,5 +31,15 @@ module.exports = {
       preProcessor: 'stylus',
       patterns: []
     }
-  }  
-}
+  },
+	
+	configureWebpack: config => {
+		config.resolve.alias = {
+			'@': path.resolve(__dirname, './src'),
+			_v: path.resolve(__dirname, './src/views'),
+			_c: path.resolve(__dirname, './src/components'),
+			_a: path.resolve(__dirname, './src/assets'),
+			_r: path.resolve(__dirname, './src/request')
+		}
+	}
+}