[代码优化](v2.5): node-sass 替换为 dart-sass， /deep/ 变更为 ::v-deep

package.json

@@ -70,8 +70,8 @@
   },
   },
   "devDependencies": {
   "devDependencies": {
     "@babel/core": "7.0.0",
     "@babel/core": "7.0.0",
-    "@babel/register": "7.0.0",
     "@babel/parser": "^7.7.4",
     "@babel/parser": "^7.7.4",
+    "@babel/register": "7.0.0",
     "@vue/cli-plugin-babel": "3.5.3",
     "@vue/cli-plugin-babel": "3.5.3",
     "@vue/cli-plugin-eslint": "^3.9.1",
     "@vue/cli-plugin-eslint": "^3.9.1",
     "@vue/cli-plugin-unit-jest": "3.5.3",
     "@vue/cli-plugin-unit-jest": "3.5.3",
@@ -81,6 +81,8 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.0.1",
     "babel-eslint": "10.0.1",
     "babel-jest": "23.6.0",
     "babel-jest": "23.6.0",
+    "babel-plugin-dynamic-import-node": "2.3.0",
+    "babel-plugin-transform-remove-console": "^6.9.4",
     "chalk": "2.4.2",
     "chalk": "2.4.2",
     "chokidar": "2.1.5",
     "chokidar": "2.1.5",
     "connect": "3.6.6",
     "connect": "3.6.6",
@@ -90,18 +92,16 @@
     "http-proxy-middleware": "^0.19.1",
     "http-proxy-middleware": "^0.19.1",
     "husky": "1.3.1",
     "husky": "1.3.1",
     "lint-staged": "8.1.5",
     "lint-staged": "8.1.5",
-    "node-sass": "^4.9.0",
     "plop": "2.3.0",
     "plop": "2.3.0",
     "runjs": "^4.3.2",
     "runjs": "^4.3.2",
+    "sass": "^1.26.10",
     "sass-loader": "^7.1.0",
     "sass-loader": "^7.1.0",
     "script-ext-html-webpack-plugin": "2.1.3",
     "script-ext-html-webpack-plugin": "2.1.3",
     "script-loader": "0.7.2",
     "script-loader": "0.7.2",
     "serve-static": "^1.13.2",
     "serve-static": "^1.13.2",
     "svg-sprite-loader": "4.1.3",
     "svg-sprite-loader": "4.1.3",
     "svgo": "1.2.0",
     "svgo": "1.2.0",
-    "vue-template-compiler": "2.6.10",
-    "babel-plugin-transform-remove-console": "^6.9.4",
-    "babel-plugin-dynamic-import-node": "2.3.0"
+    "vue-template-compiler": "2.6.10"
   },
   },
   "engines": {
   "engines": {
     "node": ">=8.9",
     "node": ">=8.9",

src/components/HeaderSearch/index.vue

@@ -167,7 +167,7 @@ export default {
     display: inline-block;
     display: inline-block;
     vertical-align: middle;
     vertical-align: middle;
 
 
-    /deep/ .el-input__inner {
+   ::v-deep .el-input__inner {
       border-radius: 0;
       border-radius: 0;
       border: 0;
       border: 0;
       padding-left: 0;
       padding-left: 0;

src/layout/components/TagsView/ScrollPane.vue

@@ -73,7 +73,7 @@ export default {
   position: relative;
   position: relative;
   overflow: hidden;
   overflow: hidden;
   width: 100%;
   width: 100%;
-  /deep/ {
+ ::v-deep {
     .el-scrollbar__bar {
     .el-scrollbar__bar {
       bottom: 0px;
       bottom: 0px;
     }
     }

src/views/components/Editor.vue

@@ -66,7 +66,7 @@ export default {
   .text {
   .text {
     text-align:left;
     text-align:left;
   }
   }
-  /deep/ .w-e-text-container {
+ ::v-deep .w-e-text-container {
     height: 420px !important;
     height: 420px !important;
   }
   }
 </style>
 </style>

src/views/generator/config.vue

@@ -319,7 +319,7 @@ export default {
 </style>
 </style>
 
 
 <style scoped>
 <style scoped>
-  /deep/ .input-with-select .el-input-group__prepend {
+ ::v-deep .input-with-select .el-input-group__prepend {
     background-color: #fff;
     background-color: #fff;
   }
   }
 </style>
 </style>

src/views/mnt/server/index.vue

@@ -134,7 +134,7 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
 </style>
 </style>

src/views/monitor/server/index.vue

@@ -251,7 +251,7 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .box-card {
+ ::v-deep .box-card {
     margin-bottom: 5px;
     margin-bottom: 5px;
     span {
     span {
       margin-right: 28px;
       margin-right: 28px;

src/views/system/dept/index.vue

@@ -246,13 +246,13 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .vue-treeselect__control, /deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value {
+ ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     height: 30px;
     line-height: 30px;
     line-height: 30px;
   }
   }
 </style>
 </style>
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
 </style>
 </style>

src/views/system/dict/dictDetail.vue

@@ -109,7 +109,7 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
 </style>
 </style>

src/views/system/job/index.vue

@@ -109,7 +109,7 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
 </style>
 </style>

src/views/system/job/module/form.vue

@@ -104,7 +104,7 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
 </style>
 </style>

src/views/system/menu/index.vue

@@ -246,10 +246,10 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
-  /deep/ .vue-treeselect__control, /deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value {
+ ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     height: 30px;
     line-height: 30px;
     line-height: 30px;
   }
   }

src/views/system/role/index.vue

@@ -348,13 +348,13 @@ export default {
 </style>
 </style>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .el-input-number .el-input__inner {
+ ::v-deep .el-input-number .el-input__inner {
     text-align: left;
     text-align: left;
   }
   }
-  /deep/ .vue-treeselect__multi-value{
+ ::v-deep .vue-treeselect__multi-value{
     margin-bottom: 0;
     margin-bottom: 0;
   }
   }
-  /deep/ .vue-treeselect__multi-value-item{
+ ::v-deep .vue-treeselect__multi-value-item{
     border: 0;
     border: 0;
     padding: 0;
     padding: 0;
   }
   }

src/views/system/timing/log.vue

@@ -102,7 +102,7 @@ export default {
     color: #444;
     color: #444;
     background: #ffffff !important;
     background: #ffffff !important;
   }
   }
-  /deep/ .el-dialog__body{
+ ::v-deep .el-dialog__body{
     padding: 0 20px 10px 20px !important;
     padding: 0 20px 10px 20px !important;
   }
   }
 </style>
 </style>

src/views/system/user/index.vue

@@ -372,8 +372,8 @@ export default {
         })
         })
         return false
         return false
       }
       }
-      crud.form.roles = userRoles
-      crud.form.jobs = userJobs
+      // crud.form.roles = userRoles
+      // crud.form.jobs = userJobs
       return true
       return true
     },
     },
     // 获取左侧部门数据
     // 获取左侧部门数据
@@ -491,7 +491,7 @@ export default {
 </script>
 </script>
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
 <style rel="stylesheet/scss" lang="scss" scoped>
-  /deep/ .vue-treeselect__control, /deep/ .vue-treeselect__placeholder, /deep/ .vue-treeselect__single-value {
+ ::v-deep .vue-treeselect__control,::v-deep .vue-treeselect__placeholder,::v-deep .vue-treeselect__single-value {
     height: 30px;
     height: 30px;
     line-height: 30px;
     line-height: 30px;
   }
   }

src/views/tools/email/send.vue

@@ -136,7 +136,7 @@ export default {
     margin: 20px;
     margin: 20px;
     width: 730px;
     width: 730px;
   }
   }
-  /deep/ .w-e-text-container {
+ ::v-deep .w-e-text-container {
     height: 360px !important;
     height: 360px !important;
   }
   }
 </style>
 </style>

src/views/tools/storage/local/index.vue

@@ -179,10 +179,10 @@ export default {
 </script>
 </script>
 
 
 <style scoped>
 <style scoped>
-  /deep/ .el-image__error, .el-image__placeholder{
+ ::v-deep .el-image__error, .el-image__placeholder{
     background: none;
     background: none;
   }
   }
-  /deep/ .el-image-viewer__wrapper{
+ ::v-deep .el-image-viewer__wrapper{
     top: 55px;
     top: 55px;
   }
   }
 </style>
 </style>