feat: remove node-sass

Author: chengyu.chengyulia

declare/npm.d.ts

@@ -21,7 +21,7 @@ declare module 'normalize-path';
 declare module 'preload-webpack-plugin';
 declare module 'gulp';
 declare module 'gulp-babel';
-declare module 'gulp-sass';
+declare module 'gulp-dart-sass';
 declare module 'gulp-concat';
 declare module 'gulp-typescript';
 declare module 'gulp-watch';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pri",
-  "version": "4.2.11-beta.0",
+  "version": "4.2.11-beta.1",
   "types": "src/node/index.ts",
   "main": "built/node/index.js",
   "scripts": {
@@ -102,9 +102,9 @@
     "gulp-babel": "^8.0.0",
     "gulp-clean-css": "^4.2.0",
     "gulp-concat-css": "^3.1.0",
+    "gulp-dart-sass": "1.0.2",
     "gulp-if": "^3.0.0",
     "gulp-less": "^4.0.1",
-    "gulp-sass": "^4.0.2",
     "gulp-sourcemaps": "^2.6.5",
     "gulp-strip-css-comments": "^2.0.0",
     "gulp-watch": "^5.0.1",
@@ -138,7 +138,8 @@
     "react-hot-loader": "4.12.19",
     "react-router-dom": "5.1.2",
     "rimraf": "3.0.0",
-    "sass-loader": "7.1.0",
+    "sass": "1.22.10",
+    "sass-loader": "7.2.0",
     "semver": "6.3.0",
     "signale": "1.4.0",
     "socket.io": "2.3.0",

src/utils/ts-plus-babel.ts

@@ -1,7 +1,7 @@
 import * as gulp from 'gulp';
 import * as fs from 'fs-extra';
 import * as gulpBabel from 'gulp-babel';
-import * as gulpSass from 'gulp-sass';
+import * as gulpSass from 'gulp-dart-sass';
 import * as gulpLess from 'gulp-less';
 import * as gulpWatch from 'gulp-watch';
 import * as gulpStripCssComments from 'gulp-strip-css-comments';

src/utils/webpack-config.ts

@@ -118,9 +118,13 @@ export const getWebpackConfig = async (opts: IOptions) => {
 
   const sassLoader = {
     loader: 'sass-loader',
-    options: plugin.buildConfigSassLoaderOptionsPipes.reduce((options, fn) => {
-      return fn(options);
-    }, {}),
+    options: plugin.buildConfigSassLoaderOptionsPipes.reduce(
+      (options, fn) => {
+        return fn(options);
+      },
+      // eslint-disable-next-line global-require
+      { implementation: require('sass') },
+    ),
   };
 
   const lessLoader = {