替换node-sass

package.json

@@ -92,10 +92,10 @@
     "http-proxy-middleware": "^0.19.1",
     "husky": "1.3.1",
     "lint-staged": "8.1.5",
-    "node-sass": "^4.9.0",
+    "sass": "^1.26.5",
+    "sass-loader": "^8.0.2",
     "plop": "2.3.0",
     "runjs": "^4.3.2",
-    "sass-loader": "^7.1.0",
     "script-ext-html-webpack-plugin": "2.1.3",
     "script-loader": "0.7.2",
     "serve-static": "^1.13.2",

src/components/HeaderSearch/index.vue

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

src/components/editorMaterial/index.vue

@@ -476,7 +476,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  /deep/ .el-icon-circle-close{
+  ::v-deep .el-icon-circle-close{
     color: red;
   }
   .material-name{

src/components/material/index.vue

@@ -468,7 +468,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  /deep/ .el-icon-circle-close{
+  ::v-deep .el-icon-circle-close{
     color: red;
   }
   .material-name{

src/components/singlematerial/index.vue

@@ -464,7 +464,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  /deep/ .el-icon-circle-close{
+  ::v-deep .el-icon-circle-close{
     color: red;
   }
   .material-name{

src/layout/components/TagsView/ScrollPane.vue

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

src/views/dashboard/OrderCount.vue

@@ -91,14 +91,14 @@ export default {
 
 <style lang="scss" scoped>
   .acea-row{
-    /deep/.el-avatar--small {
+    ::v-deep.el-avatar--small {
       width: 22px;
       height: 22px;
       line-height: 22px;
     }
   }
   .checkTime{
-    /deep/.el-radio__input{
+    ::v-deep.el-radio__input{
       display: none;
     }
   }
@@ -110,7 +110,7 @@ export default {
     // padding: 0 20px !important;
   }
   .dashboard-console-visit {
-    /deep/.el-card__header{
+    ::v-deep.el-card__header{
       padding: 14px 20px !important;
     }
     ul {

src/views/dashboard/PanelGroup.vue

@@ -204,7 +204,7 @@ export default {
   }
 }
 .baseInfo {
-  /deep/ .el-card__header {
+  ::v-deep .el-card__header {
     padding: 15px 20px !important;
   }
 }

src/views/generator/config.vue

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

src/views/home.vue

@@ -104,14 +104,14 @@ export default {
 }
 
 .acea-row {
-  /deep/.el-avatar--small {
+  ::v-deep.el-avatar--small {
     width: 22px;
     height: 22px;
     line-height: 22px;
   }
 }
 .checkTime {
-  /deep/.el-radio__input {
+  ::v-deep.el-radio__input {
     display: none;
   }
 }
@@ -123,7 +123,7 @@ export default {
   // padding: 0 20px !important;
 }
 .dashboard-console-visit {
-  /deep/.el-card__header {
+  ::v-deep.el-card__header {
     padding: 14px 20px !important;
   }
   ul {

src/views/monitor/log/errorLog.vue

@@ -127,7 +127,7 @@ export default {
 .demo-table-expand .el-form-item__content {
   font-size: 12px;
 }
-/deep/ .el-dialog__body {
+::v-deep .el-dialog__body {
   padding: 0 20px 10px 20px !important;
 }
 .java.hljs {

src/views/system/dict/dictDetail.vue

@@ -104,7 +104,7 @@ export default {
 </script>
 
 <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;
   }
 </style>

src/views/system/job/index.vue

@@ -112,7 +112,7 @@ export default {
 </script>
 
 <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;
   }
 </style>

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

@@ -143,7 +143,7 @@ export default {
 </script>
 
 <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;
   }
 </style>

src/views/system/menu/index.vue

@@ -199,7 +199,7 @@ export default {
 </script>
 
 <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;
   }
 </style>

src/views/system/role/index.vue

@@ -304,7 +304,7 @@ export default {
 </style>
 
 <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;
   }
 </style>

src/views/system/timing/log.vue

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

src/views/tools/email/send.vue

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

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

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