feat(service): switch node-sass to dart-sass (#77)

Co-authored-by: evinma <evinma@tencent.com>

Author: evinma

packages/tua-mp-service/lib/configs/module.style.js

@@ -10,7 +10,7 @@ module.exports = (webpackConfig) => {
     addExtract(webpackConfig.module.rule('less').test(/\.less$/))
         .use('less-loader').loader('less-loader').end()
     addExtract(webpackConfig.module.rule('scss').test(/\.s[ac]ss$/))
-        .use('scss-loader').loader('sass-loader').end()
+        .use('scss-loader').loader('sass-loader').options({ implementation: require('sass') }).end()
     addExtract(webpackConfig.module.rule('stylus').test(/\.styl$/))
         .use('stylus-loader').loader('stylus-loader').end()
 }

packages/tua-mp-service/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tua-mp/service",
-    "version": "0.2.1",
+    "version": "0.3.0",
     "description": "local service for tua-mp projects, inspired by @vue/cli-service",
     "main": "lib/Service.js",
     "bin": {
@@ -50,7 +50,7 @@
         "less": "^3.9.0",
         "less-loader": "^5.0.0",
         "mini-css-extract-plugin": "^0.8.0",
-        "node-sass": "^4.12.0",
+        "sass": "^1.26.5",
         "sass-loader": "^7.2.0",
         "semver": "^6.3.0",
         "style-loader": "^1.0.0",

packages/tua-mp-service/test/configs/module.style.test.js

@@ -31,7 +31,7 @@ test('module.style', () => {
         use: [
             { loader },
             { loader: 'css-loader' },
-            { loader: 'sass-loader' },
+            { loader: 'sass-loader', options: { implementation: require('sass') } },
         ],
     })
     expect(rules[3]).toEqual({