scss加入全局类名引入

nezha-fronted/build/utils.js

@@ -30,7 +30,7 @@ exports.cssLoaders = function (options) {
   }
 
   // generate loader string to be used with extract text plugin
-  function generateLoaders (loader, loaderOptions) {
+  function generateLoaders(loader, loaderOptions) {
     const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
 
     if (loader) {
@@ -62,12 +62,12 @@ exports.cssLoaders = function (options) {
     sass: generateLoaders('sass', { indentedSyntax: true }),
     scss: generateLoaders('sass').concat(
       {
-      loader: 'sass-resources-loader',
+        loader: 'sass-resources-loader',
-      options: {
+        options: {
-      resources: path.resolve(__dirname, '../src/assets/stylus/index.scss')
+          resources: path.resolve(__dirname, '../src/assets/stylus/index.scss')
+        }
       }
-      }
+    ),
-      ),
     stylus: generateLoaders('stylus'),
     styl: generateLoaders('stylus')
   }

nezha-fronted/src/assets/stylus/index.scss

@@ -16,4 +16,4 @@ $color-white: #fff;
 $bg-bar: #F9F9F9;
 $bg-page: #F3F3F3;
 $bg-page-light: #F9F9F9;
-
+@import './reset.scss';

nezha-fronted/src/assets/stylus/reset.scss

@@ -0,0 +1 @@
+.bg-red {background-color: $color-purple!important;}

nezha-fronted/src/components/page/project/project.vue

@@ -471,7 +471,6 @@
 <style scoped  lang="scss">
   .project {
     height: 100%;
-    background: $color-red;
   }
   .content-right-option {
     cursor: pointer;