默认支持 scss/sass

Author: Houfeng

.dawn/pipe.yml

@@ -16,7 +16,7 @@ build:
     location: ./lib/index.js
     entry: ./demo/*.{js,jsx,ts,tsx}
     template: ./demo/assets/*.html
-    cssModules: true
+    cssModules: false
     compress: false
     stats: true
 

demo/assets/test1.css

@@ -1,4 +1,3 @@
-@import url('./index.less');
 
 .test1 {
   color: red;

demo/assets/test3.scss

@@ -0,0 +1 @@
+@import url('./test4.scss');

demo/assets/test4.scss

@@ -0,0 +1,3 @@
+.test4 {
+  color: red;
+}

demo/test1.js

@@ -4,6 +4,8 @@ const config = require('$config');
 
 const styles1 = require('./assets/index.less');
 const styles2 = require('./assets/test1.css');
+const styles3 = require('./assets/test3.scss');
+
 const test4 = require('./test4.vue');
 
 log('这是 test1');

lib/generate.js

@@ -151,6 +151,14 @@ async function handlerPlugins(wpConfig, opts) {
         }, 'less-loader'],
         publicPath: '../'
       })
+    }, {
+      test: /\.(scss|sass)$/,
+      loader: cssExtractPlugin.extract({
+        use: [{
+          loader: 'css-loader', options: cssLoaderOptions
+        }, 'fast-sass-loader'],
+        publicPath: '../'
+      })
     }, {
       test: /\.css$/,
       loader: cssExtractPlugin.extract({